dishui 0.0.65 → 0.0.67

package/dist/components/pro/RichTextEditor/Toolbar/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/Toolbar/ColorPicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\ninterface ColorPickerProps {\n  value: string;\n  onChange: (color: string) => void;\n  title?: string;\n  icon: React.ReactNode;\n}\n\nconst COLORS = [\n  '#000000', '#434343', '#666666', '#999999', '#cccccc', '#eeeeee', '#ffffff',\n  '#ff0000', '#ff4500', '#ff8c00', '#ffd700', '#32cd32', '#00bfff', '#8a2be2',\n  '#ff69b4', '#dc143c', '#ff6347', '#ffa500', '#9acd32', '#20b2aa', '#4169e1',\n  '#9370db', '#db7093', '#b22222', '#d2691e', '#daa520', '#228b22', '#008b8b',\n  '#191970', '#4b0082',\n];\n\nexport const ColorPicker: React.FC<ColorPickerProps> = ({ value, onChange, title, icon }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, []);\n\n  return (\n    <div ref={ref} className=\"rte-toolbar__color-picker\">\n      <button\n        type=\"button\"\n        className=\"rte-toolbar__btn\"\n        onClick={() => setIsOpen(!isOpen)}\n        title={title}\n      >\n        {icon}\n        <span\n          className=\"rte-toolbar__color-indicator\"\n          style={{ backgroundColor: value || '#000' }}\n        />\n      </button>\n      {isOpen && (\n        <div className=\"rte-toolbar__color-dropdown\">\n          {COLORS.map((c) => (\n            <button\n              key={c}\n              type=\"button\"\n              className={`rte-toolbar__color-swatch ${c === value ? 'rte-toolbar__color-swatch--active' : ''}`}\n              style={{ backgroundColor: c }}\n              onClick={() => { onChange(c); setIsOpen(false); }}\n              title={c}\n            />\n          ))}\n          <button\n            type=\"button\"\n            className=\"rte-toolbar__color-clear\"\n            onClick={() => { onChange(''); setIsOpen(false); }}\n          >\n            Clear\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;AASA,IAAM,IAAS;AAAA,EACb;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAClE;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAClE;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAClE;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAClE;AAAA,EAAW;AACb,GAEa,IAAA,CAA2C,EAAE,OAAA,GAAO,UAAA,GAAU,OAAA,GAAO,MAAA,EAAA,MAAW;AAC3F,QAAM,CAAC,GAAQ,CAAA,IAAa,EAAS,EAAK,GACpC,IAAM,EAAuB,IAAI;AAEvC,SAAA,EAAA,MAAgB;AACd,UAAM,IAAA,CAAW,MAAkB;AACjC,MAAI,EAAI,WAAW,CAAC,EAAI,QAAQ,SAAS,EAAE,MAAc,KACvD,EAAU,EAAK;AAAA,IAEnB;AACA,oBAAS,iBAAiB,aAAa,CAAO,GAC9C,MAAa,SAAS,oBAAoB,aAAa,CAAO;AAAA,EAChE,GAAG,CAAC,CAAC,GAGH,gBAAA,EAAC,OAAD;AAAA,IAAU,KAAA;AAAA,IAAK,WAAU;AAAA,IAAzB,UAAA,CACE,gBAAA,EAAC,UAAD;AAAA,MACE,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAA,MAAe,EAAU,CAAC,CAAM;AAAA,MACzB,OAAA;AAAA,MAJT,UAAA,CAMG,GACD,gBAAA,EAAC,QAAD;AAAA,QACE,WAAU;AAAA,QACV,OAAO,EAAE,iBAAiB,KAAS,OAAO;AAAA,MAC3C,CAAA,CACK;AAAA,IACP,CAAA,GAAA,KACC,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAf,UAAA,CACG,EAAO,IAAA,CAAK,MACX,gBAAA,EAAC,UAAD;AAAA,QAEE,MAAK;AAAA,QACL,WAAW,6BAA6B,MAAM,IAAQ,sCAAsC,EAAA;AAAA,QAC5F,OAAO,EAAE,iBAAiB,EAAE;AAAA,QAC5B,SAAA,MAAe;AAAE,UAAA,EAAS,CAAC,GAAG,EAAU,EAAK;AAAA,QAAG;AAAA,QAChD,OAAO;AAAA,MACR,GANM,CAMN,CACF,GACD,gBAAA,EAAC,UAAD;AAAA,QACE,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAA,MAAe;AAAE,UAAA,EAAS,EAAE,GAAG,EAAU,EAAK;AAAA,QAAG;AAAA,QAClD,UAAA;AAAA,MAEO,CAAA,CACL;AAAA,IAEJ,CAAA,CAAA;AAAA;AAET"}
+{"version":3,"file":"ColorPicker.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/Toolbar/ColorPicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\ninterface ColorPickerProps {\n  value: string;\n  onChange: (color: string) => void;\n  title?: string;\n  icon: React.ReactNode;\n}\n\nconst COLORS = [\n  '#000000', '#434343', '#666666', '#999999', '#cccccc', '#eeeeee', '#ffffff',\n  '#ff0000', '#ff4500', '#ff8c00', '#ffd700', '#32cd32', '#00bfff', '#8a2be2',\n  '#ff69b4', '#dc143c', '#ff6347', '#ffa500', '#9acd32', '#20b2aa', '#4169e1',\n  '#9370db', '#db7093', '#b22222', '#d2691e', '#daa520', '#228b22', '#008b8b',\n  '#191970', '#4b0082',\n];\n\nexport const ColorPicker: React.FC<ColorPickerProps> = ({ value, onChange, title, icon }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, []);\n\n  return (\n    <div ref={ref} className=\"rte-toolbar__color-picker\">\n      <button\n        type=\"button\"\n        className=\"rte-toolbar__btn\"\n        onClick={() => setIsOpen(!isOpen)}\n        title={title}\n      >\n        {icon}\n        <span\n          className=\"rte-toolbar__color-indicator\"\n          style={{ backgroundColor: value || '#000' }}\n        />\n      </button>\n      {isOpen && (\n        <div className=\"rte-toolbar__color-dropdown\">\n          {COLORS.map((c) => (\n            <button\n              key={c}\n              type=\"button\"\n              className={`rte-toolbar__color-swatch ${c === value ? 'rte-toolbar__color-swatch--active' : ''}`}\n              style={{ backgroundColor: c }}\n              onClick={() => { onChange(c); setIsOpen(false); }}\n              title={c}\n            />\n          ))}\n          <button\n            type=\"button\"\n            className=\"rte-toolbar__color-clear\"\n            onClick={() => { onChange(''); setIsOpen(false); }}\n          >\n            Clear\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;AASA,IAAM,IAAS,2QAMf,GAEa,KAA2C,EAAE,UAAO,aAAU,UAAO,cAAW;CAC3F,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAK,GACpC,IAAM,EAAuB,IAAI;CAYvC,OAVA,QAAgB;EACd,IAAM,KAAW,MAAkB;GACjC,AAAI,EAAI,WAAW,CAAC,EAAI,QAAQ,SAAS,EAAE,MAAc,KACvD,EAAU,EAAK;EAEnB;EAEA,OADA,SAAS,iBAAiB,aAAa,CAAO,SACjC,SAAS,oBAAoB,aAAa,CAAO;CAChE,GAAG,CAAC,CAAC,GAGH,kBAAC,OAAD;EAAU;EAAK,WAAU;EAAzB,UAAA,CACE,kBAAC,UAAD;GACE,MAAK;GACL,WAAU;GACV,eAAe,EAAU,CAAC,CAAM;GACzB;GAJT,UAAA,CAMG,GACD,kBAAC,QAAD;IACE,WAAU;IACV,OAAO,EAAE,iBAAiB,KAAS,OAAO;GAC3C,CAAA,CACK;EACP,CAAA,GAAA,KACC,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACG,EAAO,KAAK,MACX,kBAAC,UAAD;IAEE,MAAK;IACL,WAAW,6BAA6B,MAAM,IAAQ,sCAAsC;IAC5F,OAAO,EAAE,iBAAiB,EAAE;IAC5B,eAAe;KAAe,AAAb,EAAS,CAAC,GAAG,EAAU,EAAK;IAAG;IAChD,OAAO;GACR,GANM,CAMN,CACF,GACD,kBAAC,UAAD;IACE,MAAK;IACL,WAAU;IACV,eAAe;KAAgB,AAAd,EAAS,EAAE,GAAG,EAAU,EAAK;IAAG;IAClD,UAAA;GAEO,CAAA,CACL;EAEJ,CAAA,CAAA;;AAET"}

package/dist/components/pro/RichTextEditor/Toolbar/FloatingDialogMenu.js

@@ -1,264 +1,264 @@
-import { useEffect as h, useRef as y, useState as x } from "react";
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-var c = [
-  {
-    key: "block",
-    labelKey: "layoutBlock",
-    icon: /* @__PURE__ */ i("svg", {
-      width: "14",
-      height: "14",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [
-        /* @__PURE__ */ e("rect", {
-          x: "3",
-          y: "5",
-          width: "18",
-          height: "14",
-          rx: "2"
-        }),
-        /* @__PURE__ */ e("line", {
-          x1: "3",
-          y1: "3",
-          x2: "21",
-          y2: "3"
-        }),
-        /* @__PURE__ */ e("line", {
-          x1: "3",
-          y1: "21",
-          x2: "21",
-          y2: "21"
-        })
-      ]
-    })
-  },
-  {
-    key: "wrap-left",
-    labelKey: "layoutWrapLeft",
-    icon: /* @__PURE__ */ i("svg", {
-      width: "14",
-      height: "14",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [
-        /* @__PURE__ */ e("rect", {
-          x: "2",
-          y: "4",
-          width: "10",
-          height: "8",
-          rx: "1"
-        }),
-        /* @__PURE__ */ e("line", {
-          x1: "15",
-          y1: "5",
-          x2: "22",
-          y2: "5"
-        }),
-        /* @__PURE__ */ e("line", {
-          x1: "15",
-          y1: "8",
-          x2: "22",
-          y2: "8"
-        }),
-        /* @__PURE__ */ e("line", {
-          x1: "15",
-          y1: "11",
-          x2: "22",
-          y2: "11"
-        }),
-        /* @__PURE__ */ e("line", {
-          x1: "2",
-          y1: "15",
-          x2: "22",
-          y2: "15"
-        }),
-        /* @__PURE__ */ e("line", {
-          x1: "2",
-          y1: "18",
-          x2: "22",
-          y2: "18"
-        })
-      ]
-    })
-  },
-  {
-    key: "wrap-right",
-    labelKey: "layoutWrapRight",
-    icon: /* @__PURE__ */ i("svg", {
-      width: "14",
-      height: "14",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [
-        /* @__PURE__ */ e("rect", {
-          x: "12",
-          y: "4",
-          width: "10",
-          height: "8",
-          rx: "1"
-        }),
-        /* @__PURE__ */ e("line", {
-          x1: "2",
-          y1: "5",
-          x2: "9",
-          y2: "5"
-        }),
-        /* @__PURE__ */ e("line", {
-          x1: "2",
-          y1: "8",
-          x2: "9",
-          y2: "8"
-        }),
-        /* @__PURE__ */ e("line", {
-          x1: "2",
-          y1: "11",
-          x2: "9",
-          y2: "11"
-        }),
-        /* @__PURE__ */ e("line", {
-          x1: "2",
-          y1: "15",
-          x2: "22",
-          y2: "15"
-        }),
-        /* @__PURE__ */ e("line", {
-          x1: "2",
-          y1: "18",
-          x2: "22",
-          y2: "18"
-        })
-      ]
-    })
-  },
-  {
-    key: "float",
-    labelKey: "layoutFloat",
-    icon: /* @__PURE__ */ i("svg", {
-      width: "14",
-      height: "14",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [
-        /* @__PURE__ */ e("rect", {
-          x: "6",
-          y: "6",
-          width: "12",
-          height: "12",
-          rx: "2"
-        }),
-        /* @__PURE__ */ e("path", {
-          d: "M2 2h4M18 2h4M2 22h4M18 22h4",
-          strokeDasharray: "2 2"
-        }),
-        /* @__PURE__ */ e("line", {
-          x1: "2",
-          y1: "12",
-          x2: "6",
-          y2: "12",
-          strokeDasharray: "2 2"
-        }),
-        /* @__PURE__ */ e("line", {
-          x1: "18",
-          y1: "12",
-          x2: "22",
-          y2: "12",
-          strokeDasharray: "2 2"
-        })
-      ]
-    })
-  }
-], k = ({ labels: o, onInsert: a }) => {
-  const [l, r] = x(!1), n = y(null);
-  return h(() => {
-    const t = (s) => {
-      n.current && !n.current.contains(s.target) && r(!1);
-    };
-    return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
-  }, []), /* @__PURE__ */ i("div", {
-    ref: n,
-    className: "rte-toolbar__template-menu",
-    children: [/* @__PURE__ */ i("button", {
-      type: "button",
-      className: `rte-toolbar__btn ${l ? "rte-toolbar__btn--active" : ""}`,
-      onClick: () => r(!l),
-      title: o.floatingDialog || "Floating Dialog",
-      style: {
-        width: "auto",
-        padding: "0 6px",
-        gap: "2px",
-        display: "inline-flex",
-        alignItems: "center"
-      },
-      children: [/* @__PURE__ */ i("svg", {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        children: [
-          /* @__PURE__ */ e("rect", {
-            x: "2",
-            y: "3",
-            width: "20",
-            height: "18",
-            rx: "2"
-          }),
-          /* @__PURE__ */ e("line", {
-            x1: "2",
-            y1: "8",
-            x2: "22",
-            y2: "8"
-          }),
-          /* @__PURE__ */ e("line", {
-            x1: "8",
-            y1: "3",
-            x2: "8",
-            y2: "8"
-          })
-        ]
-      }), /* @__PURE__ */ e("svg", {
-        width: "10",
-        height: "10",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2.5",
-        children: /* @__PURE__ */ e("polyline", { points: "6 9 12 15 18 9" })
-      })]
-    }), l && /* @__PURE__ */ e("div", {
-      className: "rte-toolbar__template-dropdown",
-      style: { minWidth: 140 },
-      children: c.map((t) => /* @__PURE__ */ i("button", {
-        type: "button",
-        className: "rte-toolbar__template-item",
-        onClick: () => {
-          a(t.key), r(!1);
-        },
-        children: [/* @__PURE__ */ e("span", {
-          className: "rte-toolbar__template-icon",
-          style: {
-            display: "flex",
-            alignItems: "center"
-          },
-          children: t.icon
-        }), /* @__PURE__ */ e("span", { children: o[t.labelKey] || t.labelKey })]
-      }, t.key))
-    })]
-  });
-};
-export {
-  k as FloatingDialogMenu
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/pro/RichTextEditor/Toolbar/FloatingDialogMenu.tsx
+var a = [
+	{
+		key: "block",
+		labelKey: "layoutBlock",
+		icon: /* @__PURE__ */ i("svg", {
+			width: "14",
+			height: "14",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			children: [
+				/* @__PURE__ */ r("rect", {
+					x: "3",
+					y: "5",
+					width: "18",
+					height: "14",
+					rx: "2"
+				}),
+				/* @__PURE__ */ r("line", {
+					x1: "3",
+					y1: "3",
+					x2: "21",
+					y2: "3"
+				}),
+				/* @__PURE__ */ r("line", {
+					x1: "3",
+					y1: "21",
+					x2: "21",
+					y2: "21"
+				})
+			]
+		})
+	},
+	{
+		key: "wrap-left",
+		labelKey: "layoutWrapLeft",
+		icon: /* @__PURE__ */ i("svg", {
+			width: "14",
+			height: "14",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			children: [
+				/* @__PURE__ */ r("rect", {
+					x: "2",
+					y: "4",
+					width: "10",
+					height: "8",
+					rx: "1"
+				}),
+				/* @__PURE__ */ r("line", {
+					x1: "15",
+					y1: "5",
+					x2: "22",
+					y2: "5"
+				}),
+				/* @__PURE__ */ r("line", {
+					x1: "15",
+					y1: "8",
+					x2: "22",
+					y2: "8"
+				}),
+				/* @__PURE__ */ r("line", {
+					x1: "15",
+					y1: "11",
+					x2: "22",
+					y2: "11"
+				}),
+				/* @__PURE__ */ r("line", {
+					x1: "2",
+					y1: "15",
+					x2: "22",
+					y2: "15"
+				}),
+				/* @__PURE__ */ r("line", {
+					x1: "2",
+					y1: "18",
+					x2: "22",
+					y2: "18"
+				})
+			]
+		})
+	},
+	{
+		key: "wrap-right",
+		labelKey: "layoutWrapRight",
+		icon: /* @__PURE__ */ i("svg", {
+			width: "14",
+			height: "14",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			children: [
+				/* @__PURE__ */ r("rect", {
+					x: "12",
+					y: "4",
+					width: "10",
+					height: "8",
+					rx: "1"
+				}),
+				/* @__PURE__ */ r("line", {
+					x1: "2",
+					y1: "5",
+					x2: "9",
+					y2: "5"
+				}),
+				/* @__PURE__ */ r("line", {
+					x1: "2",
+					y1: "8",
+					x2: "9",
+					y2: "8"
+				}),
+				/* @__PURE__ */ r("line", {
+					x1: "2",
+					y1: "11",
+					x2: "9",
+					y2: "11"
+				}),
+				/* @__PURE__ */ r("line", {
+					x1: "2",
+					y1: "15",
+					x2: "22",
+					y2: "15"
+				}),
+				/* @__PURE__ */ r("line", {
+					x1: "2",
+					y1: "18",
+					x2: "22",
+					y2: "18"
+				})
+			]
+		})
+	},
+	{
+		key: "float",
+		labelKey: "layoutFloat",
+		icon: /* @__PURE__ */ i("svg", {
+			width: "14",
+			height: "14",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			children: [
+				/* @__PURE__ */ r("rect", {
+					x: "6",
+					y: "6",
+					width: "12",
+					height: "12",
+					rx: "2"
+				}),
+				/* @__PURE__ */ r("path", {
+					d: "M2 2h4M18 2h4M2 22h4M18 22h4",
+					strokeDasharray: "2 2"
+				}),
+				/* @__PURE__ */ r("line", {
+					x1: "2",
+					y1: "12",
+					x2: "6",
+					y2: "12",
+					strokeDasharray: "2 2"
+				}),
+				/* @__PURE__ */ r("line", {
+					x1: "18",
+					y1: "12",
+					x2: "22",
+					y2: "12",
+					strokeDasharray: "2 2"
+				})
+			]
+		})
+	}
+], o = ({ labels: o, onInsert: s }) => {
+	let [c, l] = n(!1), u = t(null);
+	return e(() => {
+		let e = (e) => {
+			u.current && !u.current.contains(e.target) && l(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []), /* @__PURE__ */ i("div", {
+		ref: u,
+		className: "rte-toolbar__template-menu",
+		children: [/* @__PURE__ */ i("button", {
+			type: "button",
+			className: `rte-toolbar__btn ${c ? "rte-toolbar__btn--active" : ""}`,
+			onClick: () => l(!c),
+			title: o.floatingDialog || "Floating Dialog",
+			style: {
+				width: "auto",
+				padding: "0 6px",
+				gap: "2px",
+				display: "inline-flex",
+				alignItems: "center"
+			},
+			children: [/* @__PURE__ */ i("svg", {
+				width: "16",
+				height: "16",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				children: [
+					/* @__PURE__ */ r("rect", {
+						x: "2",
+						y: "3",
+						width: "20",
+						height: "18",
+						rx: "2"
+					}),
+					/* @__PURE__ */ r("line", {
+						x1: "2",
+						y1: "8",
+						x2: "22",
+						y2: "8"
+					}),
+					/* @__PURE__ */ r("line", {
+						x1: "8",
+						y1: "3",
+						x2: "8",
+						y2: "8"
+					})
+				]
+			}), /* @__PURE__ */ r("svg", {
+				width: "10",
+				height: "10",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2.5",
+				children: /* @__PURE__ */ r("polyline", { points: "6 9 12 15 18 9" })
+			})]
+		}), c && /* @__PURE__ */ r("div", {
+			className: "rte-toolbar__template-dropdown",
+			style: { minWidth: 140 },
+			children: a.map((e) => /* @__PURE__ */ i("button", {
+				type: "button",
+				className: "rte-toolbar__template-item",
+				onClick: () => {
+					s(e.key), l(!1);
+				},
+				children: [/* @__PURE__ */ r("span", {
+					className: "rte-toolbar__template-icon",
+					style: {
+						display: "flex",
+						alignItems: "center"
+					},
+					children: e.icon
+				}), /* @__PURE__ */ r("span", { children: o[e.labelKey] || e.labelKey })]
+			}, e.key))
+		})]
+	});
 };
+//#endregion
+export { o as FloatingDialogMenu };
 
 //# sourceMappingURL=FloatingDialogMenu.js.map

package/dist/components/pro/RichTextEditor/Toolbar/FloatingDialogMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingDialogMenu.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/Toolbar/FloatingDialogMenu.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport type { RichTextEditorLabels } from '../types';\n\ninterface FloatingDialogMenuProps {\n  labels: RichTextEditorLabels;\n  onInsert: (layout: 'block' | 'wrap-left' | 'wrap-right' | 'float') => void;\n}\n\nconst DIALOG_LAYOUT_OPTIONS: { key: 'block' | 'wrap-left' | 'wrap-right' | 'float'; labelKey: keyof RichTextEditorLabels; icon: React.ReactNode }[] = [\n  {\n    key: 'block', labelKey: 'layoutBlock',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" /><line x1=\"3\" y1=\"3\" x2=\"21\" y2=\"3\" /><line x1=\"3\" y1=\"21\" x2=\"21\" y2=\"21\" /></svg>,\n  },\n  {\n    key: 'wrap-left', labelKey: 'layoutWrapLeft',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"2\" y=\"4\" width=\"10\" height=\"8\" rx=\"1\" /><line x1=\"15\" y1=\"5\" x2=\"22\" y2=\"5\" /><line x1=\"15\" y1=\"8\" x2=\"22\" y2=\"8\" /><line x1=\"15\" y1=\"11\" x2=\"22\" y2=\"11\" /><line x1=\"2\" y1=\"15\" x2=\"22\" y2=\"15\" /><line x1=\"2\" y1=\"18\" x2=\"22\" y2=\"18\" /></svg>,\n  },\n  {\n    key: 'wrap-right', labelKey: 'layoutWrapRight',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"12\" y=\"4\" width=\"10\" height=\"8\" rx=\"1\" /><line x1=\"2\" y1=\"5\" x2=\"9\" y2=\"5\" /><line x1=\"2\" y1=\"8\" x2=\"9\" y2=\"8\" /><line x1=\"2\" y1=\"11\" x2=\"9\" y2=\"11\" /><line x1=\"2\" y1=\"15\" x2=\"22\" y2=\"15\" /><line x1=\"2\" y1=\"18\" x2=\"22\" y2=\"18\" /></svg>,\n  },\n  {\n    key: 'float', labelKey: 'layoutFloat',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\" /><path d=\"M2 2h4M18 2h4M2 22h4M18 22h4\" strokeDasharray=\"2 2\" /><line x1=\"2\" y1=\"12\" x2=\"6\" y2=\"12\" strokeDasharray=\"2 2\" /><line x1=\"18\" y1=\"12\" x2=\"22\" y2=\"12\" strokeDasharray=\"2 2\" /></svg>,\n  },\n];\n\nexport const FloatingDialogMenu: React.FC<FloatingDialogMenuProps> = ({ labels, onInsert }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setIsOpen(false);\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, []);\n\n  return (\n    <div ref={ref} className=\"rte-toolbar__template-menu\">\n      <button\n        type=\"button\"\n        className={`rte-toolbar__btn ${isOpen ? 'rte-toolbar__btn--active' : ''}`}\n        onClick={() => setIsOpen(!isOpen)}\n        title={labels.floatingDialog || 'Floating Dialog'}\n        style={{ width: 'auto', padding: '0 6px', gap: '2px', display: 'inline-flex', alignItems: 'center' }}\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n          <rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\" />\n          <line x1=\"2\" y1=\"8\" x2=\"22\" y2=\"8\" />\n          <line x1=\"8\" y1=\"3\" x2=\"8\" y2=\"8\" />\n        </svg>\n        <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\">\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </button>\n      {isOpen && (\n        <div className=\"rte-toolbar__template-dropdown\" style={{ minWidth: 140 }}>\n          {DIALOG_LAYOUT_OPTIONS.map((opt) => (\n            <button\n              key={opt.key}\n              type=\"button\"\n              className=\"rte-toolbar__template-item\"\n              onClick={() => { onInsert(opt.key); setIsOpen(false); }}\n            >\n              <span className=\"rte-toolbar__template-icon\" style={{ display: 'flex', alignItems: 'center' }}>{opt.icon}</span>\n              <span>{labels[opt.labelKey] || opt.labelKey}</span>\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"FloatingDialogMenu.js","names":[],"sources":["../../../../../src/components/pro/RichTextEditor/Toolbar/FloatingDialogMenu.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport type { RichTextEditorLabels } from '../types';\n\ninterface FloatingDialogMenuProps {\n  labels: RichTextEditorLabels;\n  onInsert: (layout: 'block' | 'wrap-left' | 'wrap-right' | 'float') => void;\n}\n\nconst DIALOG_LAYOUT_OPTIONS: { key: 'block' | 'wrap-left' | 'wrap-right' | 'float'; labelKey: keyof RichTextEditorLabels; icon: React.ReactNode }[] = [\n  {\n    key: 'block', labelKey: 'layoutBlock',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" /><line x1=\"3\" y1=\"3\" x2=\"21\" y2=\"3\" /><line x1=\"3\" y1=\"21\" x2=\"21\" y2=\"21\" /></svg>,\n  },\n  {\n    key: 'wrap-left', labelKey: 'layoutWrapLeft',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"2\" y=\"4\" width=\"10\" height=\"8\" rx=\"1\" /><line x1=\"15\" y1=\"5\" x2=\"22\" y2=\"5\" /><line x1=\"15\" y1=\"8\" x2=\"22\" y2=\"8\" /><line x1=\"15\" y1=\"11\" x2=\"22\" y2=\"11\" /><line x1=\"2\" y1=\"15\" x2=\"22\" y2=\"15\" /><line x1=\"2\" y1=\"18\" x2=\"22\" y2=\"18\" /></svg>,\n  },\n  {\n    key: 'wrap-right', labelKey: 'layoutWrapRight',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"12\" y=\"4\" width=\"10\" height=\"8\" rx=\"1\" /><line x1=\"2\" y1=\"5\" x2=\"9\" y2=\"5\" /><line x1=\"2\" y1=\"8\" x2=\"9\" y2=\"8\" /><line x1=\"2\" y1=\"11\" x2=\"9\" y2=\"11\" /><line x1=\"2\" y1=\"15\" x2=\"22\" y2=\"15\" /><line x1=\"2\" y1=\"18\" x2=\"22\" y2=\"18\" /></svg>,\n  },\n  {\n    key: 'float', labelKey: 'layoutFloat',\n    icon: <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\"><rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\" /><path d=\"M2 2h4M18 2h4M2 22h4M18 22h4\" strokeDasharray=\"2 2\" /><line x1=\"2\" y1=\"12\" x2=\"6\" y2=\"12\" strokeDasharray=\"2 2\" /><line x1=\"18\" y1=\"12\" x2=\"22\" y2=\"12\" strokeDasharray=\"2 2\" /></svg>,\n  },\n];\n\nexport const FloatingDialogMenu: React.FC<FloatingDialogMenuProps> = ({ labels, onInsert }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setIsOpen(false);\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, []);\n\n  return (\n    <div ref={ref} className=\"rte-toolbar__template-menu\">\n      <button\n        type=\"button\"\n        className={`rte-toolbar__btn ${isOpen ? 'rte-toolbar__btn--active' : ''}`}\n        onClick={() => setIsOpen(!isOpen)}\n        title={labels.floatingDialog || 'Floating Dialog'}\n        style={{ width: 'auto', padding: '0 6px', gap: '2px', display: 'inline-flex', alignItems: 'center' }}\n      >\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n          <rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\" />\n          <line x1=\"2\" y1=\"8\" x2=\"22\" y2=\"8\" />\n          <line x1=\"8\" y1=\"3\" x2=\"8\" y2=\"8\" />\n        </svg>\n        <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\">\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </button>\n      {isOpen && (\n        <div className=\"rte-toolbar__template-dropdown\" style={{ minWidth: 140 }}>\n          {DIALOG_LAYOUT_OPTIONS.map((opt) => (\n            <button\n              key={opt.key}\n              type=\"button\"\n              className=\"rte-toolbar__template-item\"\n              onClick={() => { onInsert(opt.key); setIsOpen(false); }}\n            >\n              <span className=\"rte-toolbar__template-icon\" style={{ display: 'flex', alignItems: 'center' }}>{opt.icon}</span>\n              <span>{labels[opt.labelKey] || opt.labelKey}</span>\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}