@crmchatreactcomponent/quick-messages 0.0.9 → 0.0.10

package/dist/index.es.js

@@ -1,19 +1,19 @@
-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 q, 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]);
+import { jsx as o, jsxs as h, Fragment as te } from "react/jsx-runtime";
+import { useContext as xe, useMemo as D, useState as w, useEffect as E, createContext as Ce, useRef as Te } from "react";
+import { ConfigProvider as St, theme as wt, Popover as $e, Space as C, message as kt, Modal as je, Table as F, Button as $, Flex as z, Empty as Se, Input as U, Popconfirm as At, Menu as Pt, Alert as Dt, ColorPicker as Ot, Tooltip as Mt } from "antd";
+import Et, { EmojiStyle as It, Theme as re } from "emoji-picker-react";
+import { useTranslation as I, I18nextProvider as Nt } from "react-i18next";
+import { uniqBy as Gt } from "lodash-es";
+import T from "styled-components";
+import { DeleteOutlined as Lt, EditOutlined as Ht, PlusOutlined as _t, SettingOutlined as Ft } from "@ant-design/icons";
+import { useLocalStorage as zt } from "react-use";
+import Rt from "color";
+import Bt from "i18next";
+function we() {
+  const { theme: e } = xe(St.ConfigContext);
+  return D(() => (e == null ? void 0 : e.algorithm) === wt.darkAlgorithm, [e]);
 }
-const Rt = Mt.FACEBOOK, Oo = ({
+const Kt = It.FACEBOOK, Io = ({
   children: e,
   disabled: t = !1,
   onSelect: r = () => {
@@ -21,18 +21,18 @@ const Rt = Mt.FACEBOOK, Oo = ({
   onOpenChange: n = () => {
   }
 }) => {
-  const [a, i] = $(!1), u = je();
+  const [a, i] = w(!1), u = we();
   E(() => {
     n(a);
   }, [a]);
-  function p(s) {
-    r(s.emoji), i(!1);
+  function p(l) {
+    r(l.emoji), i(!1);
   }
-  function c(s) {
-    t || i(s);
+  function c(l) {
+    t || i(l);
   }
   return /* @__PURE__ */ o(
-    Ce,
+    $e,
     {
       title: "",
       open: a,
@@ -43,13 +43,13 @@ const Rt = Mt.FACEBOOK, Oo = ({
       },
       trigger: ["click"],
       content: /* @__PURE__ */ o(C, { direction: "vertical", size: 12, children: /* @__PURE__ */ o(
-        Ot,
+        Et,
         {
           skinTonesDisabled: !0,
           onEmojiClick: p,
-          emojiStyle: Rt,
+          emojiStyle: Kt,
           lazyLoadEmojis: !1,
-          theme: u ? te.DARK : te.LIGHT
+          theme: u ? re.DARK : re.LIGHT
         }
       ) }),
       destroyTooltipOnHide: !0,
@@ -57,20 +57,20 @@ const Rt = Mt.FACEBOOK, Oo = ({
     }
   );
 };
-function Bt() {
+function Wt() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
     const t = Math.random() * 16 | 0;
     return (e == "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function $e(e, t) {
+function ke(e, t) {
   return e.length > t ? e.substring(0, t) + "…" : e;
 }
-const ke = ve(null);
-function Mo(e) {
-  const [t, r] = $t.useMessage(), [n, a] = Te.useModal();
+const Ae = Ce(null);
+function No(e) {
+  const [t, r] = kt.useMessage(), [n, a] = je.useModal();
   return /* @__PURE__ */ h(
-    ke.Provider,
+    Ae.Provider,
     {
       value: {
         messageApi: t,
@@ -84,9 +84,9 @@ function Mo(e) {
     }
   );
 }
-class Kt {
+class Vt {
   constructor() {
-    this.type = y.PLAIN;
+    this.type = b.PLAIN;
   }
   toText(t) {
     return t;
@@ -98,52 +98,52 @@ class Kt {
     return t;
   }
 }
-var Vt = typeof global == "object" && global && global.Object === Object && global, Ae = Vt, Wt = typeof self == "object" && self && self.Object === Object && self, qt = Ae || Wt || Function("return this")(), w = qt, Ut = w.Symbol, F = Ut, 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];
+var qt = typeof global == "object" && global && global.Object === Object && global, Pe = qt, Ut = typeof self == "object" && self && self.Object === Object && self, Yt = Pe || Ut || Function("return this")(), A = Yt, Jt = A.Symbol, R = Jt, De = Object.prototype, Xt = De.hasOwnProperty, Qt = De.toString, N = R ? R.toStringTag : void 0;
+function Zt(e) {
+  var t = Xt.call(e, N), r = e[N];
   try {
     e[N] = void 0;
     var n = !0;
   } catch {
   }
-  var a = Jt.call(e);
+  var a = Qt.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 er = Object.prototype, tr = er.toString;
+function rr(e) {
+  return tr.call(e);
 }
-var tr = "[object Null]", rr = "[object Undefined]", re = F ? F.toStringTag : void 0;
+var nr = "[object Null]", or = "[object Undefined]", ne = R ? R.toStringTag : void 0;
 function O(e) {
-  return e == null ? e === void 0 ? rr : tr : re && re in Object(e) ? Xt(e) : er(e);
+  return e == null ? e === void 0 ? or : nr : ne && ne in Object(e) ? Zt(e) : rr(e);
 }
-function G(e) {
+function L(e) {
   return e != null && typeof e == "object";
 }
-var nr = Array.isArray, S = nr;
-function Pe(e) {
+var ar = Array.isArray, j = ar;
+function Oe(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))
+var ir = "[object AsyncFunction]", lr = "[object Function]", sr = "[object GeneratorFunction]", cr = "[object Proxy]";
+function Me(e) {
+  if (!Oe(e))
     return !1;
   var t = O(e);
-  return t == ar || t == ir || t == or || t == sr;
+  return t == lr || t == sr || t == ir || t == cr;
 }
-var lr = w["__core-js_shared__"], B = lr, ne = function() {
-  var e = /[^.]+$/.exec(B && B.keys && B.keys.IE_PROTO || "");
+var ur = A["__core-js_shared__"], K = ur, oe = function() {
+  var e = /[^.]+$/.exec(K && K.keys && K.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
 }();
-function cr(e) {
-  return !!ne && ne in e;
+function dr(e) {
+  return !!oe && oe in e;
 }
-var ur = Function.prototype, dr = ur.toString;
+var pr = Function.prototype, fr = pr.toString;
 function M(e) {
   if (e != null) {
     try {
-      return dr.call(e);
+      return fr.call(e);
     } catch {
     }
     try {
@@ -153,141 +153,141 @@ function M(e) {
   }
   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.*?") + "$"
+var gr = /[\\^$.*+?()[\]{}|]/g, hr = /^\[object .+?Constructor\]$/, mr = Function.prototype, br = Object.prototype, yr = mr.toString, vr = br.hasOwnProperty, xr = RegExp(
+  "^" + yr.call(vr).replace(gr, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
-function vr(e) {
-  if (!Pe(e) || cr(e))
+function Cr(e) {
+  if (!Oe(e) || dr(e))
     return !1;
-  var t = De(e) ? mr : fr;
+  var t = Me(e) ? xr : hr;
   return t.test(M(e));
 }
-function xr(e, t) {
+function Tr(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 r = Tr(e, t);
+  return Cr(r) ? r : void 0;
 }
-var Cr = H(w, "WeakMap"), U = Cr, Tr = 9007199254740991;
-function Oe(e) {
-  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= Tr;
+var $r = H(A, "WeakMap"), Y = $r, jr = 9007199254740991;
+function Ee(e) {
+  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= jr;
 }
 function Sr(e) {
-  return e != null && Oe(e.length) && !De(e);
+  return e != null && Ee(e.length) && !Me(e);
 }
-var jr = Object.prototype;
-function Me(e) {
-  var t = e && e.constructor, r = typeof t == "function" && t.prototype || jr;
+var wr = Object.prototype;
+function Ie(e) {
+  var t = e && e.constructor, r = typeof t == "function" && t.prototype || wr;
   return e === r;
 }
-var $r = "[object Arguments]";
-function oe(e) {
-  return G(e) && O(e) == $r;
+var kr = "[object Arguments]";
+function ae(e) {
+  return L(e) && O(e) == kr;
 }
-var Ee = Object.prototype, kr = Ee.hasOwnProperty, Ar = Ee.propertyIsEnumerable, wr = oe(/* @__PURE__ */ function() {
+var Ne = Object.prototype, Ar = Ne.hasOwnProperty, Pr = Ne.propertyIsEnumerable, Dr = ae(/* @__PURE__ */ function() {
   return arguments;
-}()) ? oe : function(e) {
-  return G(e) && kr.call(e, "callee") && !Ar.call(e, "callee");
-}, Pr = wr;
-function Dr() {
+}()) ? ae : function(e) {
+  return L(e) && Ar.call(e, "callee") && !Pr.call(e, "callee");
+}, Or = Dr;
+function Mr() {
   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]", Wr = "[object String]", qr = "[object WeakMap]", Ur = "[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[Ur] = g[Gr] = g[Yr] = g[Hr] = g[_r] = g[zr] = g[Fr] = g[Rr] = g[Br] = g[Kr] = g[Vr] = g[Wr] = g[qr] = !1;
-function an(e) {
-  return G(e) && Oe(e.length) && !!g[O(e)];
-}
+var Ge = typeof exports == "object" && exports && !exports.nodeType && exports, ie = Ge && typeof module == "object" && module && !module.nodeType && module, Er = ie && ie.exports === Ge, le = Er ? A.Buffer : void 0, Ir = le ? le.isBuffer : void 0, Nr = Ir || Mr, Gr = Nr, Lr = "[object Arguments]", Hr = "[object Array]", _r = "[object Boolean]", Fr = "[object Date]", zr = "[object Error]", Rr = "[object Function]", Br = "[object Map]", Kr = "[object Number]", Wr = "[object Object]", Vr = "[object RegExp]", qr = "[object Set]", Ur = "[object String]", Yr = "[object WeakMap]", Jr = "[object ArrayBuffer]", Xr = "[object DataView]", Qr = "[object Float32Array]", Zr = "[object Float64Array]", en = "[object Int8Array]", tn = "[object Int16Array]", rn = "[object Int32Array]", nn = "[object Uint8Array]", on = "[object Uint8ClampedArray]", an = "[object Uint16Array]", ln = "[object Uint32Array]", g = {};
+g[Qr] = g[Zr] = g[en] = g[tn] = g[rn] = g[nn] = g[on] = g[an] = g[ln] = !0;
+g[Lr] = g[Hr] = g[Jr] = g[_r] = g[Xr] = g[Fr] = g[zr] = g[Rr] = g[Br] = g[Kr] = g[Wr] = g[Vr] = g[qr] = g[Ur] = g[Yr] = !1;
 function sn(e) {
+  return L(e) && Ee(e.length) && !!g[O(e)];
+}
+function cn(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() {
+var Le = typeof exports == "object" && exports && !exports.nodeType && exports, G = Le && typeof module == "object" && module && !module.nodeType && module, un = G && G.exports === Le, W = un && Pe.process, dn = function() {
   try {
-    var e = L && L.require && L.require("util").types;
-    return e || K && K.binding && K.binding("util");
+    var e = G && G.require && G.require("util").types;
+    return e || W && W.binding && W.binding("util");
   } catch {
   }
-}(), se = cn, le = se && se.isTypedArray, un = le ? sn(le) : an, dn = un;
-function Le(e, t) {
+}(), se = dn, ce = se && se.isTypedArray, pn = ce ? cn(ce) : sn, fn = pn;
+function He(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 gn = He(Object.keys, Object), hn = gn, mn = Object.prototype, bn = mn.hasOwnProperty;
+function yn(e) {
+  if (!Ie(e))
+    return hn(e);
   var t = [];
   for (var r in Object(e))
-    hn.call(e, r) && r != "constructor" && t.push(r);
+    bn.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)
+var vn = H(A, "Map"), J = vn, xn = He(Object.getPrototypeOf, Object), Cn = xn, Tn = "[object Object]", $n = Function.prototype, jn = Object.prototype, _e = $n.toString, Sn = jn.hasOwnProperty, wn = _e.call(Object);
+function X(e) {
+  if (!L(e) || O(e) != Tn)
     return !1;
-  var t = vn(e);
+  var t = Cn(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;
+  return typeof r == "function" && r instanceof r && _e.call(r) == wn;
 }
-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(U), 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 || U && P(new U()) != pe) && (P = function(e) {
-  var t = O(e), r = t == wn ? e.constructor : void 0, n = r ? M(r) : "";
+var kn = H(A, "DataView"), Q = kn, An = H(A, "Promise"), Z = An, Pn = H(A, "Set"), ee = Pn, ue = "[object Map]", Dn = "[object Object]", de = "[object Promise]", pe = "[object Set]", fe = "[object WeakMap]", ge = "[object DataView]", On = M(Q), Mn = M(J), En = M(Z), In = M(ee), Nn = M(Y), P = O;
+(Q && P(new Q(new ArrayBuffer(1))) != ge || J && P(new J()) != ue || Z && P(Z.resolve()) != de || ee && P(new ee()) != pe || Y && P(new Y()) != fe) && (P = function(e) {
+  var t = O(e), r = t == Dn ? e.constructor : void 0, n = r ? M(r) : "";
   if (n)
     switch (n) {
-      case Pn:
-        return fe;
-      case Dn:
-        return ce;
       case On:
-        return ue;
+        return ge;
       case Mn:
-        return de;
+        return ue;
       case En:
+        return de;
+      case In:
         return pe;
+      case Nn:
+        return fe;
     }
   return t;
 });
-var In = P, Nn = "[object String]";
+var Gn = P, Ln = "[object String]";
 function V(e) {
-  return typeof e == "string" || !S(e) && G(e) && O(e) == Nn;
+  return typeof e == "string" || !j(e) && L(e) && O(e) == Ln;
 }
-var Ln = "[object Map]", Gn = "[object Set]", Hn = Object.prototype, _n = Hn.hasOwnProperty;
-function zn(e) {
+var Hn = "[object Map]", _n = "[object Set]", Fn = Object.prototype, zn = Fn.hasOwnProperty;
+function Rn(e) {
   if (e == null)
     return !0;
-  if (Sr(e) && (S(e) || typeof e == "string" || typeof e.splice == "function" || Ir(e) || dn(e) || Pr(e)))
+  if (Sr(e) && (j(e) || typeof e == "string" || typeof e.splice == "function" || Gr(e) || fn(e) || Or(e)))
     return !e.length;
-  var t = In(e);
-  if (t == Ln || t == Gn)
+  var t = Gn(e);
+  if (t == Hn || t == _n)
     return !e.size;
-  if (Me(e))
-    return !bn(e).length;
+  if (Ie(e))
+    return !yn(e).length;
   for (var r in e)
-    if (_n.call(e, r))
+    if (zn.call(e, r))
       return !1;
   return !0;
 }
-function ge(e) {
-  return e.every((t) => S(t));
+function he(e) {
+  return e.every((t) => j(t));
 }
-function R(e) {
-  return !!(!S(e) || e.length === 0 || S(e[0]) && e[0].length === 0);
+function B(e) {
+  return !!(!j(e) || e.length === 0 || j(e[0]) && e[0].length === 0);
 }
-function He(e) {
+function Fe(e) {
   let t = "";
   return Object.keys(e).map((r) => {
     t += ` ${r}="${e[r].replace(/"/g, '\\"')}"`;
   }), t;
 }
-class Fn {
+class Bn {
   constructor() {
-    this.type = y.IMAGE;
+    this.type = b.IMAGE;
   }
   toText(t) {
     var r;
@@ -295,7 +295,7 @@ class Fn {
   }
   toHtml(t) {
     var r;
-    return `<img src="${t.src}" alt="${t.title}" ${He(
+    return `<img src="${t.src}" alt="${t.title}" ${Fe(
       (r = t.attrs) != null ? r : {}
     )}>`;
   }
@@ -304,16 +304,16 @@ class Fn {
     return t.title = (r = t.title) != null ? r : "", t.attrs = (n = t.attrs) != null ? n : {}, t;
   }
 }
-class Rn {
+class Kn {
   constructor() {
-    this.type = y.HYPERLINK;
+    this.type = b.HYPERLINK;
   }
   toText(t) {
     var r;
     return (r = t.title) != null ? r : "";
   }
   toHtml(t) {
-    return `<a href="${t.link}" target="_blank" ${He(
+    return `<a href="${t.link}" target="_blank" ${Fe(
       t.attrs
     )}>${t.title}</a>`;
   }
@@ -322,9 +322,9 @@ class Rn {
     return t.title = (r = t.title) != null ? r : "", t.attrs = (n = t.attrs) != null ? n : {}, t;
   }
 }
-class Bn {
+class Wn {
   constructor() {
-    this.type = y.RICH_TEXT;
+    this.type = b.RICH_TEXT;
   }
   toText(t) {
     return t.plain;
@@ -336,15 +336,15 @@ class Bn {
     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 b = /* @__PURE__ */ ((e) => (e.PLAIN = "gs-plain-text", e.IMAGE = "gs-image", e.HYPERLINK = "gs-hyperlink", e.RICH_TEXT = "gs-rich-text", e))(b || {});
+const Vn = [
+  new Vt(),
+  new Bn(),
+  new Kn(),
+  new Wn()
 ];
-var j = /* @__PURE__ */ ((e) => (e.PLAIN = "text/plain", e.HTML = "text/html", e))(j || {});
-class Vn {
+var S = /* @__PURE__ */ ((e) => (e.PLAIN = "text/plain", e.HTML = "text/html", e))(S || {});
+class qn {
   detectRule(t) {
     return !!~t.indexOf("google-sheets-html-origin");
   }
@@ -368,7 +368,7 @@ class Vn {
           title: this.getSheetsValue(t.dataset.sheetsValue),
           link: t.dataset.sheetsHyperlink
         },
-        type: y.HYPERLINK
+        type: b.HYPERLINK
       };
     if (t.dataset.sheetsTextstyleruns)
       return {
@@ -376,13 +376,13 @@ class Vn {
           plain: this.getSheetsValue(t.dataset.sheetsValue),
           value: t.innerHTML
         },
-        type: y.RICH_TEXT
+        type: b.RICH_TEXT
       };
     if (t.dataset.sheetsValue)
       return {
         value: t.innerHTML.replace(/\<br\>/g, `
 `).trim(),
-        type: y.PLAIN
+        type: b.PLAIN
       };
     if (t.querySelector("img")) {
       const n = t.querySelector("img");
@@ -391,26 +391,26 @@ class Vn {
           src: n.src,
           title: (r = n.title) != null ? r : ""
         },
-        type: y.IMAGE
+        type: b.IMAGE
       };
     }
     return {
       value: t.innerText,
-      type: y.PLAIN
+      type: b.PLAIN
     };
   }
 }
-const W = [new Vn()];
-function Wn(e) {
-  for (let t = 0; t < W.length; t++)
-    if (W[t].detectRule(e)) {
-      const r = W[t].parser(e);
-      if (!R(r))
+const q = [new qn()];
+function Un(e) {
+  for (let t = 0; t < q.length; t++)
+    if (q[t].detectRule(e)) {
+      const r = q[t].parser(e);
+      if (!B(r))
         return r;
     }
   return [];
 }
-class qn {
+class Yn {
   static parse(t) {
     const r = document.createElement("div");
     r.innerHTML = t;
@@ -423,7 +423,7 @@ class qn {
           link: n.dataset.sheetsHyperlink,
           title: n.innerText
         },
-        type: y.HYPERLINK
+        type: b.HYPERLINK
       };
     if (n.tagName === "A")
       return {
@@ -431,7 +431,7 @@ class qn {
           link: n.getAttribute("href"),
           title: n.innerText
         },
-        type: y.HYPERLINK
+        type: b.HYPERLINK
       };
     const a = n.childNodes[0];
     return a && n.childNodes.length === 1 && a.tagName === "IMG" ? {
@@ -439,17 +439,17 @@ class qn {
         link: a.getAttribute("src"),
         title: a.title
       },
-      type: y.IMAGE
+      type: b.IMAGE
     } : n.tagName === "IMG" ? {
       value: {
         link: n.getAttribute("src"),
         title: n.title
       },
-      type: y.IMAGE
+      type: b.IMAGE
     } : !1;
   }
 }
-class Un {
+class Jn {
   constructor() {
     this.handles = {}, this.props = {}, this.evenHandles = {};
   }
@@ -457,7 +457,7 @@ class Un {
     this.handles = {};
   }
   registerHandler(t) {
-    [...t, ...Kn].map((r) => {
+    [...t, ...Vn].map((r) => {
       this.handles[r.type] = r;
     });
   }
@@ -467,19 +467,19 @@ class Un {
         {
           value: t,
           payload: void 0,
-          type: this.handles[y.PLAIN].type
+          type: this.handles[b.PLAIN].type
         }
       ]
-    ] : J(t) ? [[t]] : S(t) ? (ge(t) || (t = [
+    ] : X(t) ? [[t]] : j(t) ? (he(t) || (t = [
       t.map((r) => V(r) ? {
         value: r,
         payload: "",
-        type: this.handles[y.PLAIN].type
+        type: this.handles[b.PLAIN].type
       } : r)
     ]), t = t.map(
       (r) => r.map((n) => V(n) ? {
         value: n,
-        type: this.handles[y.PLAIN].type,
+        type: this.handles[b.PLAIN].type,
         payload: ""
       } : n)
     ), t) : (console.error("unknown data type", t), []);
@@ -489,8 +489,8 @@ class Un {
     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 ? "	" : "";
+        const { value: c, type: l, payload: m } = i;
+        r += ((p = this.handles[l]) != null ? p : this.handles[b.PLAIN]).toText(c, m), r += u < n.length - 1 ? "	" : "";
       }), r += a < t.length - 1 ? `
 ` : "";
     }), r;
@@ -500,13 +500,13 @@ class Un {
     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 ((r = this.handles[a]) != null ? r : this.handles[b.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>`;
+        const { value: l, type: m, payload: v } = u;
+        n += `<td>${((c = this.handles[m]) != null ? c : this.handles[b.PLAIN]).toHtml(l, v)}</td>`;
       }), n += "</tr>";
     }), `<table id="gs-clipboard-table"><tbody>${n}</tbody></table>`;
   }
@@ -516,18 +516,18 @@ class Un {
       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 = [
+    if (!t.types.includes(S.HTML)) {
+      const m = await (await t.getType(S.PLAIN)).text();
+      return r.text = m, r.html = m, r.clipboardType = [
         [
           {
-            value: b,
-            type: this.handles[y.PLAIN].type
+            value: m,
+            type: this.handles[b.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");
+    const n = await t.getType(S.HTML), a = await t.getType(S.PLAIN), i = await n.text(), u = await a.text(), p = document.createElement("div");
     p.innerHTML = i;
     const c = p.querySelector(
       "#original-data"
@@ -538,24 +538,24 @@ class Un {
       );
     else if (p.querySelector("table")) {
       r.text = u, r.html = i;
-      let s = [];
+      let l = [];
       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;
+        for (let m = 0; m < this.props.tableParsers.length; m++)
+          if (this.props.tableParsers[m].detectRule(i)) {
+            const v = this.props.tableParsers[m].parser(i);
+            if (!B(v)) {
+              l = v;
               break;
             }
           }
       }
-      (zn(s) || R(s)) && (s = Wn(i)), r.clipboardType = s;
+      (Rn(l) || B(l)) && (l = Un(i)), r.clipboardType = l;
     } else {
-      let s = null;
-      this.props.unknownHtmlParser && (s = this.props.unknownHtmlParser(i)), s = s || qn.parse(i), s || (s = {
+      let l = null;
+      this.props.unknownHtmlParser && (l = this.props.unknownHtmlParser(i)), l = l || Yn.parse(i), l || (l = {
         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]);
+        type: this.handles[b.PLAIN].type
+      }), r.text = u, r.html = i, X(l) && (r.clipboardType = [[l]]), j(l) && (he(l) ? r.clipboardType = l : r.clipboardType = [l]);
     }
     return r;
   }
@@ -563,7 +563,7 @@ class Un {
     return t;
   }
   on(t, r) {
-    return S(this.evenHandles[t]) || (this.evenHandles[t] = []), this.evenHandles[t].push(r), () => {
+    return j(this.evenHandles[t]) || (this.evenHandles[t] = []), this.evenHandles[t].push(r), () => {
       this.evenHandles[t].splice(
         this.evenHandles[t].indexOf(r),
         1
@@ -571,22 +571,22 @@ class Un {
     };
   }
   trigger(t, ...r) {
-    if (S(this.evenHandles[t]))
+    if (j(this.evenHandles[t]))
       for (let n = 0; n < this.evenHandles[t].length; n++) {
         const a = this.evenHandles[t][n];
         a(...r);
       }
   }
 }
-const Yn = {
+const Xn = {
   handlers: [],
   tableParsers: []
 };
-class Jn extends Un {
+class Qn extends Jn {
   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);
+      this.props = Object.assign(Xn, t), this.registerHandler(this.props.handlers);
     else
       throw new Error("You browser didn't support clipboard api!");
   }
@@ -610,10 +610,10 @@ class Jn extends Un {
     return this.setCopyData(this.formatSetCopyData(t), !0);
   }
   transformClipboardData(t) {
-    return R(t.clipboardType) || t.clipboardType.map((r) => {
-      S(r) ? r.map((n) => {
+    return B(t.clipboardType) || t.clipboardType.map((r) => {
+      j(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);
+      }) : X(r) && (r.value = this.handles[r.type] ? this.handles[r.type].parse(r.value) : r.value);
     }), t;
   }
   setCopyData(t, r = !1) {
@@ -627,17 +627,17 @@ class Jn extends Un {
     this.trigger("beforeCopy", n);
     const a = [
       new ClipboardItem({
-        [j.PLAIN]: new Blob([n.text], {
-          type: j.PLAIN
+        [S.PLAIN]: new Blob([n.text], {
+          type: S.PLAIN
         }),
-        [j.HTML]: new Blob(
+        [S.HTML]: new Blob(
           [
             n.html + `<div id="original-data" data-data="${encodeURIComponent(
               JSON.stringify(n.clipboardType)
             )}"></div>`
           ],
           {
-            type: j.HTML
+            type: S.HTML
           }
         )
       })
@@ -648,44 +648,44 @@ class Jn extends Un {
     ), n;
   }
 }
-const Xn = new Jn(), Qn = ({
+const Zn = new Qn(), eo = ({
   data: e = [],
   onChange: t = () => {
   },
   tableHeight: r = "460px",
   limitation: n = {}
 }) => {
-  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]);
+  const { messageApi: a } = xe(Ae), { title: i = 15, content: u = 2e3 } = n, { t: p } = I();
+  function c(s) {
+    const f = e.findIndex((d) => d.label === s.label);
+    e[f] = s, t([...e]);
   }
-  function s() {
-    const l = [
+  function l() {
+    const s = [
       {
         label: `#${e.length + 1}`,
         content: ""
       },
       ...e
     ];
-    t(l), a.success(p("createSuccessfully"));
+    t(s), a.success(p("createSuccessfully"));
   }
-  function b(l) {
-    const f = e.filter((d) => d.label !== l);
+  function m(s) {
+    const f = e.filter((d) => d.label !== s);
     t(f);
   }
-  async function x() {
-    const d = [...(await Xn.getDataFromClipboard()).clipboardType.map((m) => {
-      var A, v;
+  async function v() {
+    const d = [...(await Zn.getDataFromClipboard()).clipboardType.map((y) => {
+      var k, _;
       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) ?? ""
+        label: ((k = y == null ? void 0 : y[0]) == null ? void 0 : k.value) ?? "",
+        content: ((_ = y == null ? void 0 : y[1]) == null ? void 0 : _.value) ?? ""
       };
-    }).filter((m) => m.label && m.content), ...e];
-    t(It(d, "label"));
+    }).filter((y) => y.label && y.content), ...e];
+    t(Gt(d, "label"));
   }
   return /* @__PURE__ */ h(
-    _,
+    F,
     {
       bordered: !0,
       dataSource: e,
@@ -709,7 +709,7 @@ const Xn = new Jn(), Qn = ({
             },
             children: [
               /* @__PURE__ */ o(Se, {}),
-              /* @__PURE__ */ o(T, { type: "primary", onClick: s, children: p("create") })
+              /* @__PURE__ */ o($, { type: "primary", onClick: l, children: p("create") })
             ]
           }
         )
@@ -718,33 +718,33 @@ const Xn = new Jn(), Qn = ({
         /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o("div", {}) }),
         /* @__PURE__ */ h(C, { size: 12, children: [
           /* @__PURE__ */ o(
-            T,
+            $,
             {
               block: !0,
               type: "text",
-              onClick: x,
+              onClick: v,
               children: p("importFromClipboard")
             }
           ),
-          /* @__PURE__ */ o(T, { type: "primary", onClick: s, children: p("create") })
+          /* @__PURE__ */ o($, { type: "primary", onClick: l, children: p("create") })
         ] })
       ] }),
       children: [
         /* @__PURE__ */ o(
-          _.Column,
+          F.Column,
           {
             title: p("titleFieldName"),
             dataIndex: "label",
             width: 400,
-            render: (l, f) => /* @__PURE__ */ o(
-              he,
+            render: (s, f) => /* @__PURE__ */ o(
+              me,
               {
                 maxLength: i,
                 type: "input",
-                value: l,
+                value: s,
                 onChange: (d) => {
                   if (f.label !== d) {
-                    if (e.find((m) => m.label === d)) {
+                    if (e.find((y) => y.label === d)) {
                       a.error(p("cannotSavedMessageCuzLabelExisted"));
                       return;
                     }
@@ -761,17 +761,17 @@ const Xn = new Jn(), Qn = ({
           "label"
         ),
         /* @__PURE__ */ o(
-          _.Column,
+          F.Column,
           {
             title: p("content"),
             dataIndex: "content",
             width: 400,
-            render: (l, f) => /* @__PURE__ */ o(
-              he,
+            render: (s, f) => /* @__PURE__ */ o(
+              me,
               {
                 maxLength: u,
                 type: "textarea",
-                value: l,
+                value: s,
                 onChange: (d) => {
                   if (d.trim() === "") {
                     a.error(p("cannotSavedMessageCuzContentEmpty"));
@@ -785,18 +785,18 @@ const Xn = new Jn(), Qn = ({
           "content"
         ),
         /* @__PURE__ */ o(
-          _.Column,
+          F.Column,
           {
             title: "操作",
             dataIndex: "id",
             width: 120,
-            render: (l, f) => /* @__PURE__ */ o(C, { size: 4, children: /* @__PURE__ */ o(
-              T,
+            render: (s, f) => /* @__PURE__ */ o(C, { size: 4, children: /* @__PURE__ */ o(
+              $,
               {
                 size: "small",
                 type: "text",
                 danger: !0,
-                onClick: () => b(f.label),
+                onClick: () => m(f.label),
                 children: p("delete")
               }
             ) })
@@ -806,7 +806,7 @@ const Xn = new Jn(), Qn = ({
       ]
     }
   );
-}, Zn = k.div`
+}, to = T.div`
   border: 1px solid transparent;
   padding: 0 4px;
   margin: 0 -4px;
@@ -817,8 +817,8 @@ const Xn = new Jn(), Qn = ({
     border-color: ${(e) => e.$isDark ? "#4d4848" : "#c0bbbb"};
   }
 `;
-function he(e) {
-  const [t, r] = $(!1), n = xe(null), a = je();
+function me(e) {
+  const [t, r] = w(!1), n = Te(null), a = we();
   E(() => {
     t && n.current && (e.type === "input" ? n.current.select() : n.current.focus());
   }, [t, e.type]);
@@ -834,7 +834,7 @@ function he(e) {
   if (t) {
     if (e.type === "textarea")
       return /* @__PURE__ */ o("div", { style: { paddingBottom: 18 }, children: /* @__PURE__ */ o(
-        q.TextArea,
+        U.TextArea,
         {
           showCount: !0,
           maxLength: e.maxLength,
@@ -850,8 +850,8 @@ function he(e) {
                 return;
               {
                 c.preventDefault();
-                const s = c.target;
-                return p(s.value), !1;
+                const l = c.target;
+                return p(l.value), !1;
               }
             }
           }
@@ -859,7 +859,7 @@ function he(e) {
       ) });
     if (e.type === "input")
       return /* @__PURE__ */ o(
-        q,
+        U,
         {
           showCount: !0,
           maxLength: e.maxLength,
@@ -869,13 +869,13 @@ function he(e) {
           style: { width: "100%" },
           onBlur: (c) => u(c.target.value),
           onPressEnter: (c) => {
-            const s = c.target;
-            p(s.value);
+            const l = c.target;
+            p(l.value);
           }
         }
       );
   }
-  return /* @__PURE__ */ o(Zn, { onClick: i, $isDark: a, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(to, { onClick: i, $isDark: a, children: /* @__PURE__ */ o(
     "div",
     {
       style: { minHeight: 22 },
@@ -887,66 +887,76 @@ function he(e) {
     }
   ) });
 }
-const eo = k.div``, to = k.div`
+const ro = T.div``, no = T.div`
   min-height: 380px;
-`, ro = k.span`
+`, oo = T.span`
   font-size: 12px;
-`, no = k.div`
+`, ao = T.div`
   &:hover {
+    /* inline-flex 而非 block：保留 antd 按钮内部的居中布局，避免宿主页样式破坏对齐 */
     .ant-btn {
-      display: block;
+      display: inline-flex !important;
     }
   }
   .ant-btn {
     display: none;
+    /* 强制覆盖宿主页可能注入的 line-height（如 max.ru 的 line-height:40px），否则图标会被压偏 */
+    line-height: 1 !important;
+    vertical-align: middle !important;
+    align-items: center !important;
+    justify-content: center !important;
   }
-`, oo = k.div`
+  .ant-btn .anticon {
+    line-height: 1 !important;
+    vertical-align: middle !important;
+  }
+`, io = T.div`
   background-color: ${(e) => e.$color};
   width: 12px;
   height: 12px;
   border: 1px solid #fff;
   border-radius: 4px;
-`, ao = ({
+`, lo = ({
   data: e = [],
   onChange: t = () => {
   },
   ...r
 }) => {
-  const [n, a] = $([]), { t: i } = I();
+  const [n, a] = w([]), { t: i } = I();
   E(() => {
     e.length > 0 && a([e[0].id]);
   }, []);
-  const u = D(() => e.map((l) => ({
-    key: l.id,
-    label: /* @__PURE__ */ o(no, { children: /* @__PURE__ */ h(z, { justify: "space-between", align: "center", children: [
+  const u = D(() => e.map((s) => ({
+    key: s.id,
+    label: /* @__PURE__ */ o(ao, { 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: [
+        /* @__PURE__ */ o("span", { children: s.title }),
+        s.data.length ? /* @__PURE__ */ h(oo, { children: [
           "(",
-          l.data.length,
+          s.data.length,
           ")"
         ] }) : null
       ] }),
       /* @__PURE__ */ h(C, { size: 8, children: [
-        /* @__PURE__ */ o(oo, { $color: l.color }),
+        /* @__PURE__ */ o(io, { $color: s.color }),
         /* @__PURE__ */ o(
-          io,
+          so,
           {
-            data: l,
-            onSaved: (f) => c(l.id, f)
+            data: s,
+            onSaved: (f) => c(s.id, f)
           }
         ),
         /* @__PURE__ */ o(
-          kt,
+          At,
           {
             title: i("confirmDelete"),
-            onConfirm: () => s(l.id),
+            onConfirm: () => l(s.id),
             children: /* @__PURE__ */ o(
-              T,
+              $,
               {
                 danger: !0,
                 size: "small",
-                icon: /* @__PURE__ */ o(Nt, {}),
+                icon: /* @__PURE__ */ o(Lt, {}),
                 type: "text"
               }
             )
@@ -955,69 +965,70 @@ const eo = k.div``, to = k.div`
       ] })
     ] }) })
   })), [e]), p = D(() => {
-    const l = n[0];
-    if (l) {
-      const f = e.find((d) => d.id === l);
+    const s = n[0];
+    if (s) {
+      const f = e.find((d) => d.id === s);
       if (f)
         return f.data;
     }
     return !1;
   }, [n, e]);
-  function c(l, f) {
-    const d = [...e], m = d.findIndex((A) => A.id === l);
-    ~m && (d[m] = {
-      ...d[m],
+  function c(s, f) {
+    const d = [...e], y = d.findIndex((k) => k.id === s);
+    ~y && (d[y] = {
+      ...d[y],
       ...f
     }), t(d);
   }
-  function s(l) {
-    const f = [...e].filter((d) => d.id !== l);
+  function l(s) {
+    const f = [...e].filter((d) => d.id !== s);
     t(f);
   }
-  function b(l) {
+  function m(s) {
     const f = [...e], d = n[0];
     if (d) {
-      const m = f.find((A) => A.id === d);
-      m && (m.data = l);
+      const y = f.find((k) => k.id === d);
+      y && (y.data = s);
     }
     t(f);
   }
-  function x(l) {
-    const f = Bt(), d = [...e];
+  function v(s) {
+    const f = Wt(), d = [...e];
     d.push({
       id: f,
-      color: l.color,
-      title: l.title,
+      color: s.color,
+      title: s.title,
       data: []
     }), 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__ */ o(be, { onCreate: v })
+  ] }) : /* @__PURE__ */ o(ro, { children: /* @__PURE__ */ h(z, { gap: 16, children: [
     /* @__PURE__ */ h(C, { direction: "vertical", children: [
-      /* @__PURE__ */ o(to, { children: /* @__PURE__ */ o(
-        At,
+      /* @__PURE__ */ o(no, { children: /* @__PURE__ */ o(
+        Pt,
         {
           items: u,
           style: { width: 300 },
           selectedKeys: n,
-          onSelect: ({ key: l }) => {
-            a([l]);
+          onSelect: ({ key: s }) => {
+            a([s]);
           }
         }
       ) }),
-      /* @__PURE__ */ o(be, { onCreate: x, block: !0 })
+      /* @__PURE__ */ o(be, { onCreate: v, block: !0 })
     ] }),
     /* @__PURE__ */ o("div", { style: { flex: 1, minWidth: 0 }, children: p ? /* @__PURE__ */ o(
-      Qn,
+      eo,
       {
         data: p,
-        onChange: b,
+        onChange: m,
         ...r
-      }
+      },
+      n[0]
     ) : /* @__PURE__ */ o(
-      wt,
+      Dt,
       {
         type: "info",
         message: i("selectAGroupFirst"),
@@ -1026,10 +1037,10 @@ const eo = k.div``, to = k.div`
     ) })
   ] }) });
 };
-function io(e) {
-  const [t, r] = $({ title: "", color: "" });
+function so(e) {
+  const [t, r] = w({ title: "", color: "" });
   return /* @__PURE__ */ o(
-    _e,
+    ze,
     {
       isEdit: !1,
       onCompleteChange: e.onSaved,
@@ -1038,7 +1049,7 @@ function io(e) {
         n && r(e.data);
       },
       onDataChange: (n) => r(n),
-      children: /* @__PURE__ */ o(T, { size: "small", icon: /* @__PURE__ */ o(Lt, {}), type: "text" })
+      children: /* @__PURE__ */ o($, { size: "small", icon: /* @__PURE__ */ o(Ht, {}), type: "text" })
     }
   );
 }
@@ -1046,11 +1057,11 @@ function be(e) {
   const { t } = I(), r = {
     title: "",
     color: "#1677FF"
-  }, [n, a] = $({
+  }, [n, a] = w({
     ...r
   });
   return /* @__PURE__ */ o(
-    _e,
+    ze,
     {
       isEdit: !1,
       onCompleteChange: e.onCreate,
@@ -1061,18 +1072,18 @@ function be(e) {
         });
       },
       onDataChange: (i) => a(i),
-      children: /* @__PURE__ */ o(T, { block: !!e.block, icon: /* @__PURE__ */ o(Gt, {}), children: t("addNewGroup") })
+      children: /* @__PURE__ */ o($, { block: !!e.block, icon: /* @__PURE__ */ o(_t, {}), children: t("addNewGroup") })
     }
   );
 }
-function _e(e) {
-  const [t, r] = $(!1), [n, a] = $(""), i = xe(null), { t: u } = I();
+function ze(e) {
+  const [t, r] = w(!1), [n, a] = w(""), i = Te(null), { t: u } = I();
   E(() => {
     e.onOpenChange(t);
   }, [t]), E(() => {
     t ? (a(e.data.color), setTimeout(() => {
-      var s;
-      (s = i.current) == null || s.focus();
+      var l;
+      (l = i.current) == null || l.focus();
     }, 300)) : a("");
   }, [e.data]);
   function p() {
@@ -1081,14 +1092,14 @@ function _e(e) {
       color: e.data.color
     }), r(!1));
   }
-  function c(s, b) {
+  function c(l, m) {
     e.onDataChange({
       ...e.data,
-      [s]: b
+      [l]: m
     });
   }
-  return /* @__PURE__ */ o(ee, { children: /* @__PURE__ */ o(
-    Ce,
+  return /* @__PURE__ */ o(te, { children: /* @__PURE__ */ o(
+    $e,
     {
       title: e.isEdit ? u("editGroup") : u("createGroup"),
       open: t,
@@ -1101,13 +1112,13 @@ function _e(e) {
             ":"
           ] }),
           /* @__PURE__ */ o(
-            q,
+            U,
             {
               ref: i,
               showCount: !0,
               maxLength: 20,
               value: e.data.title,
-              onChange: (s) => c("title", s.target.value)
+              onChange: (l) => c("title", l.target.value)
             }
           )
         ] }),
@@ -1117,31 +1128,31 @@ function _e(e) {
             ":"
           ] }),
           n && /* @__PURE__ */ o(
-            Pt,
+            Ot,
             {
               value: n,
-              onChange: (s) => a(`#${s.toHex()}`),
+              onChange: (l) => a(`#${l.toHex()}`),
               showText: !0,
-              onChangeComplete: (s) => {
-                c("color", `#${s.toHex()}`);
+              onChangeComplete: (l) => {
+                c("color", `#${l.toHex()}`);
               }
             }
           )
         ] }),
-        /* @__PURE__ */ o(T, { block: !0, type: "primary", onClick: p, children: e.isEdit ? u("create") : u("save") })
+        /* @__PURE__ */ o($, { block: !0, type: "primary", onClick: p, children: e.isEdit ? u("create") : u("save") })
       ] }),
       children: e.children
     }
   ) });
 }
-const so = ({ open: e, onOpenChange: t = () => {
+const co = ({ open: e, onOpenChange: t = () => {
 }, children: r, ...n }) => {
-  const [a, i] = $(e), { t: u } = I();
+  const [a, i] = w(e), { t: u } = I();
   return E(() => {
     i(!!e);
-  }, [e]), /* @__PURE__ */ h(ee, { children: [
+  }, [e]), /* @__PURE__ */ h(te, { children: [
     /* @__PURE__ */ o(
-      Te,
+      je,
       {
         title: u("quickMessageConfigs"),
         open: a,
@@ -1150,7 +1161,7 @@ const so = ({ open: e, onOpenChange: t = () => {
         },
         width: 980,
         footer: null,
-        children: /* @__PURE__ */ o(ao, { ...n })
+        children: /* @__PURE__ */ o(lo, { ...n })
       }
     ),
     /* @__PURE__ */ o(
@@ -1163,7 +1174,7 @@ const so = ({ open: e, onOpenChange: t = () => {
       }
     )
   ] });
-}, lo = k.div`
+}, uo = T.div`
   font-size: 14px;
   background: #dae5f8;
   padding: 0 4px;
@@ -1181,60 +1192,76 @@ const so = ({ open: e, onOpenChange: t = () => {
   &:active {
     background-color: #9dbcf3;
   }
-`, co = k.div`
+`, po = T.div`
   min-height: 18px;
-`, Eo = ({
+`, ye = T.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+`, fo = T.div`
+  display: ${(e) => e.$columns ? "grid" : "flex"};
+  ${(e) => e.$columns ? `grid-template-columns: repeat(${Math.min(
+  e.$columns,
+  e.$count
+)}, minmax(0, max-content));` : "flex-wrap: wrap;"}
+  align-items: center;
+  justify-items: start;
+  justify-content: start;
+  gap: 8px;
+  max-width: 100%;
+`, Go = ({
   data: e = [],
   onChange: t,
   tableHeight: r,
   limitation: n,
   displayTitleMaxLength: a = 10,
-  displayMaxLength: i = 99,
+  displayMaxLength: i,
   SlotContentPrefixSlot: u,
   SlotContentSuffixSlot: p,
   onSelect: c = () => {
   }
 }) => {
-  const [s, b] = $(!1), [x, l] = _t(
+  const [l, m] = w(!1), [v, s] = zt(
     "__activeGroupId",
     ""
-  ), { 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,
+  ), { t: f } = I(), d = D(() => e.find((x) => x.id === v), [v, e]), y = D(() => d ? d.data : [], [d, e]), k = D(() => e.length === 0, [e]), _ = typeof i == "number" && Number.isFinite(i) && i > 0 ? Math.floor(i) : void 0;
+  return /* @__PURE__ */ h(te, { children: [
+    k ? /* @__PURE__ */ o(
+      $,
       {
         size: "small",
         type: "primary",
-        onClick: () => b(!0),
+        onClick: () => m(!0),
         children: f("create")
       }
     ) : /* @__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,
+      /* @__PURE__ */ o(po, { children: /* @__PURE__ */ o(ye, { children: y.map((x) => /* @__PURE__ */ o(
+        Mt,
         {
-          title: /* @__PURE__ */ o("span", { style: { fontSize: 12 }, children: v.label }),
+          title: /* @__PURE__ */ o("span", { style: { fontSize: 12 }, children: x.label }),
           destroyTooltipOnHide: !0,
           children: /* @__PURE__ */ h(
-            lo,
+            uo,
             {
-              onClick: (Tt) => {
-                Tt.target.closest("bdi") || c(v);
+              onClick: (jt) => {
+                jt.target.closest("bdi") || c(x);
               },
               children: [
                 u && /* @__PURE__ */ o("bdi", { children: /* @__PURE__ */ o(
                   u,
                   {
                     group: d,
-                    message: v
+                    message: x
                   }
                 ) }),
-                $e(v.label, a),
+                ke(x.label, a),
                 p && /* @__PURE__ */ h("bdi", { children: [
                   /* @__PURE__ */ o(
                     p,
                     {
                       group: d,
-                      message: v
+                      message: x
                     }
                   ),
                   " "
@@ -1243,39 +1270,39 @@ const so = ({ open: e, onOpenChange: t = () => {
             }
           )
         },
-        v.label
+        x.label
       )) }) }),
-      /* @__PURE__ */ h(C, { size: 8, children: [
-        e.slice(0, i).map((v) => /* @__PURE__ */ o(
-          po,
+      /* @__PURE__ */ h(ye, { children: [
+        /* @__PURE__ */ o(fo, { $columns: _, $count: e.length, children: e.map((x) => /* @__PURE__ */ o(
+          ho,
           {
-            data: v,
-            active: x === v.id,
+            data: x,
+            active: v === x.id,
             displayTitleMaxLength: a,
             onClick: () => {
-              l(
-                x === v.id ? "" : v.id
+              s(
+                v === x.id ? "" : x.id
               );
             }
           },
-          v.id
-        )),
+          x.id
+        )) }),
         /* @__PURE__ */ o(
-          T,
+          $,
           {
             size: "small",
             type: "text",
-            onClick: () => b(!0),
-            children: /* @__PURE__ */ o(Ht, {})
+            onClick: () => m(!0),
+            children: /* @__PURE__ */ o(Ft, {})
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ o(
-      so,
+      co,
       {
-        open: s,
-        onOpenChange: b,
+        open: l,
+        onOpenChange: m,
         data: e,
         onChange: t,
         tableHeight: r,
@@ -1283,7 +1310,7 @@ const so = ({ open: e, onOpenChange: t = () => {
       }
     )
   ] });
-}, uo = k.div`
+}, go = T.div`
   background-color: ${(e) => e.$backgroundColor};
   color: ${(e) => e.$textColor};
   border: 1px solid transparent;
@@ -1294,6 +1321,11 @@ const so = ({ open: e, onOpenChange: t = () => {
   cursor: pointer;
   min-width: 20px;
   user-select: none;
+  /* grid 列收窄时（宿主页过窄）裁剪标题而非撑破布局，彻底杜绝横向溢出 */
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   &:hover {
     background-color: ${(e) => e.$hoverColor};
   }
@@ -1301,10 +1333,10 @@ const so = ({ open: e, onOpenChange: t = () => {
     opacity: 0.6;
   }
 `;
-function po(e) {
+function ho(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();
+    const r = Rt(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: n ? "#fff" : "#333",
       $backgroundColor: e.data.color,
@@ -1312,125 +1344,125 @@ function po(e) {
     };
   }, [e.data.color]);
   return /* @__PURE__ */ o(
-    uo,
+    go,
     {
       ...t,
       $active: e.active,
       "data-id": e.data.id,
       onClick: e.onClick,
       title: e.data.title,
-      children: $e(e.data.title, e.displayTitleMaxLength)
+      children: ke(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 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", We = "Create Group", qe = "Title", Ue = "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: We,
-  titleFieldName: qe,
-  colorFieldName: Ue,
-  save: Ye,
-  create: Je,
-  quickMessageConfigs: Xe,
-  createSuccessfully: Qe,
-  cannotSavedMessageCuzLabelExisted: Ze,
-  cannotSavedMessageCuzLabelEmpty: et,
-  cannotSavedMessageCuzContentEmpty: tt,
-  content: rt,
+var Re = /* @__PURE__ */ ((e) => (e.ZH_CN = "zh-CN", e.EN_US = "en-US", e))(Re || {});
+const Be = "Are you sure to delete it？", Ke = "No data available", We = "Select a Group first", Ve = "Create a Group", qe = "Edit Group", Ue = "Create Group", Ye = "Title", Je = "Color", Xe = "Save", Qe = "Create", Ze = "Quick Messages Configs", et = "Created Successfully", tt = "Cannot be saved: title already existing", rt = "Cannot be saved: title is empty", nt = "Cannot be saved: content is empty", ot = "Content", at = "Import from Clipboard", mo = {
+  confirmDelete: Be,
+  noData: Ke,
+  selectAGroupFirst: We,
+  addNewGroup: Ve,
+  editGroup: qe,
+  createGroup: Ue,
+  titleFieldName: Ye,
+  colorFieldName: Je,
+  save: Xe,
+  create: Qe,
+  quickMessageConfigs: Ze,
+  createSuccessfully: et,
+  cannotSavedMessageCuzLabelExisted: tt,
+  cannotSavedMessageCuzLabelEmpty: rt,
+  cannotSavedMessageCuzContentEmpty: nt,
+  content: ot,
   delete: "Delete",
-  importFromClipboard: nt
-}, go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  importFromClipboard: at
+}, bo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  addNewGroup: Ke,
-  cannotSavedMessageCuzContentEmpty: tt,
-  cannotSavedMessageCuzLabelEmpty: et,
-  cannotSavedMessageCuzLabelExisted: Ze,
-  colorFieldName: Ue,
-  confirmDelete: Fe,
-  content: rt,
-  create: Je,
-  createGroup: We,
-  createSuccessfully: Qe,
-  default: fo,
-  editGroup: Ve,
-  importFromClipboard: nt,
-  noData: Re,
-  quickMessageConfigs: Xe,
-  save: Ye,
-  selectAGroupFirst: Be,
-  titleFieldName: qe
-}, 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,
+  addNewGroup: Ve,
+  cannotSavedMessageCuzContentEmpty: nt,
+  cannotSavedMessageCuzLabelEmpty: rt,
+  cannotSavedMessageCuzLabelExisted: tt,
+  colorFieldName: Je,
+  confirmDelete: Be,
+  content: ot,
+  create: Qe,
+  createGroup: Ue,
+  createSuccessfully: et,
+  default: mo,
+  editGroup: qe,
+  importFromClipboard: at,
+  noData: Ke,
+  quickMessageConfigs: Ze,
+  save: Xe,
+  selectAGroupFirst: We,
+  titleFieldName: Ye
+}, Symbol.toStringTag, { value: "Module" })), it = "确定删除吗？", lt = "没有数据", st = "请在左侧选择一个分组", ct = "添加一个分组", ut = "编辑分组", dt = "新建分组", pt = "标题", ft = "颜色", gt = "保存", ht = "创建", mt = "快捷消息配置", bt = "创建成功", yt = "无法保存: 标题重复", vt = "无法保存: 标题不能为空", xt = "无法保存: 内容不能为空", Ct = "内容", Tt = "从剪切板导入", yo = {
+  confirmDelete: it,
+  noData: lt,
+  selectAGroupFirst: st,
+  addNewGroup: ct,
+  editGroup: ut,
+  createGroup: dt,
+  titleFieldName: pt,
+  colorFieldName: ft,
+  save: gt,
+  create: ht,
+  quickMessageConfigs: mt,
+  createSuccessfully: bt,
+  cannotSavedMessageCuzLabelExisted: yt,
+  cannotSavedMessageCuzLabelEmpty: vt,
+  cannotSavedMessageCuzContentEmpty: xt,
+  content: Ct,
   delete: "删除",
-  importFromClipboard: xt
-}, bo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  importFromClipboard: Tt
+}, vo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  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(
+  addNewGroup: ct,
+  cannotSavedMessageCuzContentEmpty: xt,
+  cannotSavedMessageCuzLabelEmpty: vt,
+  cannotSavedMessageCuzLabelExisted: yt,
+  colorFieldName: ft,
+  confirmDelete: it,
+  content: Ct,
+  create: ht,
+  createGroup: dt,
+  createSuccessfully: bt,
+  default: yo,
+  editGroup: ut,
+  importFromClipboard: Tt,
+  noData: lt,
+  quickMessageConfigs: mt,
+  save: gt,
+  selectAGroupFirst: st,
+  titleFieldName: pt
+}, Symbol.toStringTag, { value: "Module" })), xo = /* @__PURE__ */ Object.assign({
+  "./locales/en-US/common.json": bo,
+  "./locales/zh-CN/common.json": vo
+}), ve = Object.entries(xo).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;
   },
   {}
-), Ct = Ft.createInstance();
-Ct.init({
-  lng: ze.ZH_CN,
+), $t = Bt.createInstance();
+$t.init({
+  lng: Re.ZH_CN,
   debug: !1,
-  ns: Object.keys(ye),
-  resources: ye
+  ns: Object.keys(ve),
+  resources: ve
 });
-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 }) });
+const Co = Ce(null);
+function Lo(e) {
+  return /* @__PURE__ */ o(Nt, { i18n: e.i18n || $t, defaultNS: "common", children: /* @__PURE__ */ o(Co.Provider, { value: {}, children: e.children }) });
 }
 export {
-  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
+  Ae as AntdApiContext,
+  No as AntdApiContextProviderCmp,
+  Io as EmojiPickerWrapper,
+  Co as I18nContext,
+  Lo as I18nContextCmp,
+  lo as MessageConfigsPanel,
+  co as MessageConfigsPanelModalWrapper,
+  eo as MessagesEditTable,
+  Go as QuickMessages
 };