@lingxiteam/lcdp-ueditor-react 1.0.3-alpha.9 → 1.0.4-alpha.2

package/lib/ToolBottomBar/index.js

@@ -0,0 +1,254 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ToolBottomBar/index.tsx
+var ToolBottomBar_exports = {};
+__export(ToolBottomBar_exports, {
+  default: () => ToolBottomBar_default
+});
+module.exports = __toCommonJS(ToolBottomBar_exports);
+var import_react = __toESM(require("react"));
+var import_debounce = __toESM(require("lodash/debounce"));
+var import_icons = __toESM(require("@ant-design/icons"));
+var import_antd = require("antd");
+var import_ExportPDF = __toESM(require("../icon/ExportPDF"));
+var import_TextFileIcon = __toESM(require("../icon/TextFileIcon"));
+var import_TextIcon = __toESM(require("../icon/TextIcon"));
+var import_TextCopy = __toESM(require("../icon/TextCopy"));
+var import_exportPDF = require("../tools/exportPDF");
+var import_FormatModal = __toESM(require("./FormatModal"));
+var import_generateStylesFromSettings = require("../tools/generateStylesFromSettings");
+var import_index = require("./index.less");
+var import_ProgressModal = __toESM(require("./ProgressModal"));
+var MENU_OPTIONS = {
+  a3: "A3",
+  a4: "A4",
+  a5: "A5",
+  a0: "铺满"
+};
+var STYLE_ID = "ueditor-custom-styles";
+var ToolBottomBar = (props) => {
+  const { ueditorInst, prefixCls, containerRef, defaultSetting, onSettingChange, isReady, bottomTypes, exportFileName } = props;
+  const { id: uiId } = ueditorInst.ui || {};
+  const [chineseTextCount, setChineseTextCount] = (0, import_react.useState)(0);
+  const [totalTextCount, setTotalTextCount] = (0, import_react.useState)(0);
+  const [innerFullScreen, setInnerFullScreen] = (0, import_react.useState)(false);
+  const [isCopying, setIsCopying] = (0, import_react.useState)(false);
+  const [pageWidth, setPageWidth] = (0, import_react.useState)(void 0);
+  const timer = (0, import_react.useRef)(void 0);
+  const progressModalRef = (0, import_react.useRef)(null);
+  const [formatSetting, setFormatSetting] = (0, import_react.useState)(void 0);
+  const debounceContentChange = (0, import_debounce.default)(() => {
+    var _a;
+    try {
+      const plainTxt = ueditorInst.getContentTxt() || "";
+      const chineseTextCount2 = ((_a = plainTxt.match(/[\u4e00-\u9fa5]/g)) == null ? void 0 : _a.length) || 0;
+      const totalTextCount2 = plainTxt.length;
+      setChineseTextCount(chineseTextCount2);
+      setTotalTextCount(totalTextCount2);
+    } catch (e) {
+    }
+  }, 300);
+  (0, import_react.useEffect)(() => {
+    if (isReady) {
+      ueditorInst.addListener("beforefullscreenchange", (_, v) => {
+        setInnerFullScreen(v);
+      });
+      ueditorInst.addListener("contentChange", () => {
+        debounceContentChange();
+      });
+      setTimeout(() => {
+        debounceContentChange();
+      }, 1e3);
+    }
+  }, [ueditorInst, isReady]);
+  (0, import_react.useEffect)(() => {
+    return () => {
+      if (timer.current) {
+        clearTimeout(timer.current);
+      }
+    };
+  }, []);
+  const getStatusBarItem = (params) => {
+    const { icon, content, onClick, extraNode, className = "" } = params;
+    return /* @__PURE__ */ import_react.default.createElement("span", { className: `ueditor-rich-status-bar-item ${className}`, onClick }, /* @__PURE__ */ import_react.default.createElement("span", { className: "ueditor-rich-status-bar-icon" }, icon), /* @__PURE__ */ import_react.default.createElement("span", { className: "ueditor-rich-status-bar-content" }, content), extraNode && /* @__PURE__ */ import_react.default.createElement("span", { className: "ueditor-rich-status-bar-extra" }, extraNode));
+  };
+  const copyAll = () => {
+    const txt = ueditorInst.getPlainTxt();
+    const copy = (t) => {
+      const input = document.createElement("textarea");
+      input.value = t;
+      document.body.appendChild(input);
+      input.select();
+      document.execCommand("copy");
+      document.body.removeChild(input);
+      setIsCopying(true);
+    };
+    if (txt) {
+      try {
+        navigator.clipboard.writeText(txt).then(() => {
+          setIsCopying(true);
+        }).catch(() => {
+          copy(txt);
+        });
+      } catch (e) {
+        copy(txt);
+      }
+      timer.current = setTimeout(() => {
+        setIsCopying(false);
+      }, 1e3);
+    }
+  };
+  const handleApply = (settings, isUpdate = true) => {
+    var _a, _b, _c;
+    const cssStyles = (0, import_generateStylesFromSettings.generateStylesFromSettings)(settings);
+    const frame = ueditorInst.frame || ((_a = containerRef == null ? void 0 : containerRef.current) == null ? void 0 : _a.querySelector(`#${uiId}_iframeholder > iframe`));
+    if ((_b = frame == null ? void 0 : frame.contentDocument) == null ? void 0 : _b.documentElement) {
+      let styleEl = (_c = frame == null ? void 0 : frame.contentDocument) == null ? void 0 : _c.getElementById(STYLE_ID);
+      if (!styleEl) {
+        styleEl = document.createElement("style");
+        styleEl.id = STYLE_ID;
+        frame.contentDocument.head.appendChild(styleEl);
+      }
+      styleEl.textContent = cssStyles;
+    }
+    setFormatSetting(settings);
+    if (isUpdate) {
+      onSettingChange == null ? void 0 : onSettingChange({
+        formatSetting: settings,
+        pageWidth
+      });
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (defaultSetting == null ? void 0 : defaultSetting.formatSetting) {
+      handleApply(defaultSetting.formatSetting, false);
+    }
+  }, [defaultSetting == null ? void 0 : defaultSetting.formatSetting]);
+  const handlePageWidthChange = (key, isUpdate = true) => {
+    const newClass = `ueditor-rich-status-content-${key}`;
+    const oldClass = `ueditor-rich-status-content-${pageWidth}`;
+    if (containerRef == null ? void 0 : containerRef.current) {
+      const frame = containerRef.current.querySelector(`#${uiId}_iframeholder`);
+      const frameContainer = ueditorInst.container || containerRef.current.querySelector(`#${uiId}`);
+      if (frame) {
+        frame.classList.remove(oldClass);
+        frame.classList.add(newClass);
+      }
+      if (frameContainer) {
+        if (key === "a0") {
+          frameContainer.classList.remove("ueditor-rich-status-not-full");
+        } else {
+          frameContainer.classList.add("ueditor-rich-status-not-full");
+        }
+      }
+    }
+    setPageWidth(key);
+    if (isUpdate) {
+      onSettingChange == null ? void 0 : onSettingChange({
+        pageWidth: key,
+        formatSetting
+      });
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (defaultSetting == null ? void 0 : defaultSetting.pageWidth) {
+      handlePageWidthChange(defaultSetting.pageWidth, false);
+    }
+  }, [defaultSetting == null ? void 0 : defaultSetting.pageWidth]);
+  const onProgress = (progress, title) => {
+    var _a;
+    (_a = progressModalRef.current) == null ? void 0 : _a.updateProgress(progress, title);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.ConfigProvider, { prefixCls }, /* @__PURE__ */ import_react.default.createElement("div", { className: "ueditor-rich-status-bar" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "ueditor-rich-status-bar-box" }, (bottomTypes == null ? void 0 : bottomTypes.includes("charCount")) && getStatusBarItem({
+    icon: /* @__PURE__ */ import_react.default.createElement(import_icons.default, { component: import_TextIcon.default, className: "ueditor-rich-status-bar-icon-svg" }),
+    content: `${totalTextCount} 字符`,
+    className: "ueditor-rich-status-bar-text"
+  }), (bottomTypes == null ? void 0 : bottomTypes.includes("chineseCount")) && getStatusBarItem({
+    icon: /* @__PURE__ */ import_react.default.createElement(import_icons.default, { component: import_TextFileIcon.default, className: "ueditor-rich-status-bar-icon-svg" }),
+    content: `${chineseTextCount} 中文`,
+    className: "ueditor-rich-status-bar-text"
+  })), /* @__PURE__ */ import_react.default.createElement("div", { className: "ueditor-rich-status-bar-box" }, (bottomTypes == null ? void 0 : bottomTypes.includes("pageWidth")) && /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Dropdown,
+    {
+      trigger: ["click"],
+      overlay: /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Menu,
+        {
+          onClick: ({ key }) => {
+            handlePageWidthChange(key);
+          }
+        },
+        Object.keys(MENU_OPTIONS).map((k) => /* @__PURE__ */ import_react.default.createElement(import_antd.Menu.Item, { key: k }, /* @__PURE__ */ import_react.default.createElement("span", null, "页面宽度 ", MENU_OPTIONS[k])))
+      )
+    },
+    getStatusBarItem({
+      content: `页面宽度${pageWidth ? ` ${MENU_OPTIONS[pageWidth]}` : ""}`,
+      extraNode: /* @__PURE__ */ import_react.default.createElement(import_icons.DownOutlined, null)
+    })
+  ), (bottomTypes == null ? void 0 : bottomTypes.includes("formatSetting")) && /* @__PURE__ */ import_react.default.createElement(
+    import_FormatModal.default,
+    {
+      onApply: handleApply,
+      initialSettings: defaultSetting == null ? void 0 : defaultSetting.formatSetting
+    },
+    getStatusBarItem({
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.SettingOutlined, null),
+      content: "格式设置"
+    })
+  ), (bottomTypes == null ? void 0 : bottomTypes.includes("copy")) && getStatusBarItem({
+    icon: isCopying ? /* @__PURE__ */ import_react.default.createElement(import_icons.CheckOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.default, { component: import_TextCopy.default, className: "ueditor-rich-status-bar-icon-svg" }),
+    content: "复制全文",
+    onClick: copyAll,
+    className: isCopying ? "isActive" : void 0
+  }), (bottomTypes == null ? void 0 : bottomTypes.includes("fullScreen")) && getStatusBarItem({
+    icon: innerFullScreen ? /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenExitOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.FullscreenOutlined, null),
+    content: innerFullScreen ? "退出全屏" : "全屏预览",
+    onClick: () => {
+      ueditorInst.ui.setFullScreen(!innerFullScreen);
+    }
+  }), (bottomTypes == null ? void 0 : bottomTypes.includes("exportPdf")) && getStatusBarItem({
+    icon: /* @__PURE__ */ import_react.default.createElement(import_icons.default, { component: import_ExportPDF.default, className: "ueditor-rich-status-bar-icon-svg" }),
+    content: "导出文档",
+    onClick: async () => {
+      var _a, _b;
+      if (containerRef == null ? void 0 : containerRef.current) {
+        const frame = ueditorInst.frame || containerRef.current.querySelector(`#${uiId}_iframeholder > iframe`);
+        if ((_a = frame == null ? void 0 : frame.contentDocument) == null ? void 0 : _a.body) {
+          await (0, import_exportPDF.domloadPdf)((_b = frame == null ? void 0 : frame.contentDocument) == null ? void 0 : _b.body, pageWidth || "a0", exportFileName, onProgress);
+          onProgress(100, "导出完成");
+        }
+        setTimeout(() => {
+          var _a2;
+          (_a2 = progressModalRef.current) == null ? void 0 : _a2.updateVisible(false);
+        }, 500);
+      }
+    }
+  }), /* @__PURE__ */ import_react.default.createElement(import_ProgressModal.default, { ref: progressModalRef }))));
+};
+var ToolBottomBar_default = ToolBottomBar;

package/lib/ToolBottomBar/index.less

@@ -0,0 +1,75 @@
+.ueditor-bottom-bar-with-status {
+  .edui-default {
+    display: none;
+  }
+}
+.ueditor-rich-status-bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 4px 12px;
+  background-color: #f0f0f0;
+  border-top: 1px solid #e0e0e0;
+  min-height: 32px;
+  .ueditor-rich-status-bar-box {
+    display: flex;
+    gap: 16px;
+    color: #666;
+    .ueditor-rich-status-bar-item:not(.ueditor-rich-status-bar-text) {
+      display: flex;
+      align-items: center;
+      cursor: pointer;
+      border-radius: 4px;
+      padding: 4px 10px;
+      &:hover {
+        background-color: rgba(0, 0, 0, 0.05);
+        color: #1a73e8;
+      }
+      &.isActive {
+        color: #52c41a;
+      }
+    }
+    .ueditor-rich-status-bar-text {
+      display: flex;
+      align-items: center;
+    }
+    .ueditor-rich-status-bar-icon {
+      margin-right: 4px;
+      font-size: 14px;
+      display: flex;
+      align-items: center;
+    }
+    .ueditor-rich-status-bar-extra {
+      margin-left: 12px;
+      color: rgba(0, 0, 0, 0.25);
+      font-size: 12px;
+      display: flex;
+      align-items: center;
+    }
+  }
+}
+
+.edui-default .edui-editor {
+  &.ueditor-rich-status-not-full {
+    background-color: #fafbfc;
+    .edui-editor-iframeholder {
+      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+      margin: 20px auto;
+      background-color: #fff;
+    }
+  }
+}
+
+.edui-default .edui-editor-iframeholder {
+  &.ueditor-rich-status-content {
+    &-a3 {
+      width: 80% !important;
+    }
+    &-a4 {
+      width: 60% !important;
+    }
+    &-a5 {
+      width: 40% !important;
+    }
+  }
+}

package/lib/icon/ExportPDF.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ExportFile: () => JSX.Element;
+export default ExportFile;

package/lib/icon/ExportPDF.js

@@ -0,0 +1,57 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/icon/ExportPDF.tsx
+var ExportPDF_exports = {};
+__export(ExportPDF_exports, {
+  default: () => ExportPDF_default
+});
+module.exports = __toCommonJS(ExportPDF_exports);
+var import_react = __toESM(require("react"));
+var ExportFile = () => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "lucide lucide-file-down"
+    },
+    /* @__PURE__ */ import_react.default.createElement("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }),
+    /* @__PURE__ */ import_react.default.createElement("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }),
+    /* @__PURE__ */ import_react.default.createElement("path", { d: "M12 18v-6" }),
+    /* @__PURE__ */ import_react.default.createElement("path", { d: "m9 15 3 3 3-3" })
+  );
+};
+var ExportPDF_default = ExportFile;

package/lib/icon/TextCopy.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const TextIcon: () => JSX.Element;
+export default TextIcon;

package/lib/icon/TextCopy.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/icon/TextCopy.tsx
+var TextCopy_exports = {};
+__export(TextCopy_exports, {
+  default: () => TextCopy_default
+});
+module.exports = __toCommonJS(TextCopy_exports);
+var import_react = __toESM(require("react"));
+var TextIcon = () => {
+  return /* @__PURE__ */ import_react.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-copy" }, /* @__PURE__ */ import_react.default.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" }));
+};
+var TextCopy_default = TextIcon;

package/lib/icon/TextFileIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const TextIcon: () => JSX.Element;
+export default TextIcon;

package/lib/icon/TextFileIcon.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/icon/TextFileIcon.tsx
+var TextFileIcon_exports = {};
+__export(TextFileIcon_exports, {
+  default: () => TextFileIcon_default
+});
+module.exports = __toCommonJS(TextFileIcon_exports);
+var import_react = __toESM(require("react"));
+var TextIcon = () => {
+  return /* @__PURE__ */ import_react.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-file-text" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M10 9H8" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M16 13H8" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M16 17H8" }));
+};
+var TextFileIcon_default = TextIcon;

package/lib/icon/TextIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const TextIcon: () => JSX.Element;
+export default TextIcon;

package/lib/icon/TextIcon.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/icon/TextIcon.tsx
+var TextIcon_exports = {};
+__export(TextIcon_exports, {
+  default: () => TextIcon_default
+});
+module.exports = __toCommonJS(TextIcon_exports);
+var import_react = __toESM(require("react"));
+var TextIcon = () => {
+  return /* @__PURE__ */ import_react.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-type" }, /* @__PURE__ */ import_react.default.createElement("polyline", { points: "4 7 4 4 20 4 20 7" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "9", x2: "15", y1: "20", y2: "20" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "12", x2: "12", y1: "4", y2: "20" }));
+};
+var TextIcon_default = TextIcon;

package/lib/tools/exportPDF.d.ts

@@ -0,0 +1,27 @@
+/**
+ * 将HTML内容转换为PDF文档流
+ * @param htmlElement HTML元素
+ * @param options 配置选项
+ * @returns PDF文档的Blob对象
+ */
+export declare const html2pdf: (htmlElement: HTMLElement, options?: {
+    filename?: string;
+    margin?: number;
+    image?: {
+        type?: 'jpeg' | 'png';
+        quality?: number;
+    };
+    jsPDF?: {
+        orientation?: 'portrait' | 'landscape';
+        unit?: 'pt' | 'mm' | 'cm' | 'in';
+        format?: 'a4' | 'a3' | 'a5' | 'a0';
+    };
+}, onProgress?: ((progress: number, title: string) => void) | undefined) => Promise<Blob>;
+/**
+ * 将HTML元素转换为PDF文档流并下载
+ * @param dom HTML元素
+ * @param pageWidth 页面宽度
+ * @param fileName 文件名
+ * @returns 下载的PDF文件
+ */
+export declare const domloadPdf: (dom: HTMLElement, pageWidth: 'a4' | 'a3' | 'a5' | 'a0', fileName?: string, onProgress?: ((progress: number, title: string) => void) | undefined) => Promise<void>;

package/lib/tools/exportPDF.js

@@ -0,0 +1,95 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tools/exportPDF.ts
+var exportPDF_exports = {};
+__export(exportPDF_exports, {
+  domloadPdf: () => domloadPdf,
+  html2pdf: () => html2pdf
+});
+module.exports = __toCommonJS(exportPDF_exports);
+var html2pdf = async (htmlElement, options = {}, onProgress) => {
+  var _a, _b, _c, _d, _e;
+  const { jsPDF: JS_PDF } = await import(
+    /* webpackChunkName: "jspdf" */
+    "jspdf"
+  );
+  const pdf = new JS_PDF({
+    orientation: ((_a = options.jsPDF) == null ? void 0 : _a.orientation) || "portrait",
+    unit: ((_b = options.jsPDF) == null ? void 0 : _b.unit) || "pt",
+    format: ((_c = options.jsPDF) == null ? void 0 : _c.format) || "a4"
+  });
+  const { default: html2canvas } = await import("html2canvas");
+  onProgress == null ? void 0 : onProgress(20, "渲染页面内容...");
+  const canvas = await html2canvas(htmlElement, {
+    scale: 2,
+    // 提高清晰度
+    useCORS: true,
+    // 允许跨域图片
+    logging: false
+  });
+  const imageType = ((_d = options.image) == null ? void 0 : _d.type) || "jpeg";
+  const imageQuality = ((_e = options.image) == null ? void 0 : _e.quality) || 1;
+  const imgData = canvas.toDataURL(`image/${imageType}`, imageQuality);
+  const margin = options.margin || 20;
+  const pdfWidth = pdf.internal.pageSize.getWidth();
+  const pdfHeight = pdf.internal.pageSize.getHeight();
+  const imgWidth = pdfWidth - margin * 2;
+  const imgHeight = canvas.height * imgWidth / canvas.width;
+  let heightLeft = imgHeight;
+  let position = margin;
+  const pageHeight = pdfHeight - margin * 2;
+  pdf.addImage(imgData, imageType.toUpperCase(), margin, position, imgWidth, imgHeight);
+  heightLeft -= pageHeight;
+  while (heightLeft >= 0) {
+    position = heightLeft - imgHeight;
+    pdf.addPage();
+    pdf.addImage(imgData, imageType.toUpperCase(), margin, position, imgWidth, imgHeight);
+    heightLeft -= pageHeight;
+  }
+  onProgress == null ? void 0 : onProgress(50, "转换HTML内容...");
+  return pdf.output("blob");
+};
+var domloadPdf = async (dom, pageWidth, fileName = "未命名", onProgress) => {
+  const { saveAs } = await import("file-saver");
+  onProgress == null ? void 0 : onProgress(5, "初始化...");
+  const blob = await html2pdf(dom, {
+    jsPDF: {
+      orientation: "portrait",
+      unit: "pt",
+      format: pageWidth
+    }
+  }, onProgress);
+  onProgress == null ? void 0 : onProgress(80, "生成PDF...");
+  return saveAs(blob, `${fileName}.pdf`);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  domloadPdf,
+  html2pdf
+});