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

package/lib/tools/generateStylesFromSettings.d.ts

@@ -0,0 +1,38 @@
+interface HeadingStyle extends TextStyle {
+    marginTop: string;
+    marginBottom: string;
+}
+export interface TextStyle {
+    fontSize: string;
+    fontFamily: string;
+    fontWeight: string;
+    lineHeight: string;
+    color: string;
+}
+interface ListStyle extends TextStyle {
+    paddingLeft: string;
+    marginTop: string;
+    marginBottom: string;
+}
+export interface FormatSettings {
+    headings: {
+        h1: HeadingStyle;
+        h2: HeadingStyle;
+        h3: HeadingStyle;
+        h4: HeadingStyle;
+        h5: HeadingStyle;
+        h6: HeadingStyle;
+    };
+    paragraph: TextStyle;
+    lists: {
+        ul: ListStyle;
+        ol: ListStyle;
+    };
+}
+/**
+ * 生成CSS样式内容
+ * @param settings 格式设置
+ * @returns CSS样式字符串
+ */
+export declare const generateStylesFromSettings: (settings: FormatSettings) => string;
+export {};

package/lib/tools/generateStylesFromSettings.js

@@ -0,0 +1,77 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tools/generateStylesFromSettings.ts
+var generateStylesFromSettings_exports = {};
+__export(generateStylesFromSettings_exports, {
+  generateStylesFromSettings: () => generateStylesFromSettings
+});
+module.exports = __toCommonJS(generateStylesFromSettings_exports);
+var generateStylesFromSettings = (settings) => {
+  let css = "";
+  Object.entries(settings.headings).forEach(([heading, style]) => {
+    css += `
+${heading} {
+  font-family: ${style.fontFamily};
+  font-size: ${style.fontSize};
+  font-weight: ${style.fontWeight};
+  line-height: ${style.lineHeight};
+  color: ${style.color};
+  margin-top: ${style.marginTop};
+  margin-bottom: ${style.marginBottom};
+}
+`;
+  });
+  css += `
+p {
+  font-family: ${settings.paragraph.fontFamily};
+  font-size: ${settings.paragraph.fontSize};
+  font-weight: ${settings.paragraph.fontWeight};
+  line-height: ${settings.paragraph.lineHeight};
+  color: ${settings.paragraph.color};
+}
+`;
+  css += `
+ul {
+  font-family: ${settings.lists.ul.fontFamily};
+  font-size: ${settings.lists.ul.fontSize};
+  font-weight: ${settings.lists.ul.fontWeight};
+  line-height: ${settings.lists.ul.lineHeight};
+  color: ${settings.lists.ul.color};
+  padding-left: ${settings.lists.ul.paddingLeft};
+  margin-top: ${settings.lists.ul.marginTop};
+  margin-bottom: ${settings.lists.ul.marginBottom};
+}
+
+ol {
+  font-family: ${settings.lists.ol.fontFamily};
+  font-size: ${settings.lists.ol.fontSize};
+  font-weight: ${settings.lists.ol.fontWeight};
+  line-height: ${settings.lists.ol.lineHeight};
+  color: ${settings.lists.ol.color};
+  padding-left: ${settings.lists.ol.paddingLeft};
+  margin-top: ${settings.lists.ol.marginTop};
+  margin-bottom: ${settings.lists.ol.marginBottom};
+}
+`;
+  return css;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generateStylesFromSettings
+});

package/lib/type.d.ts

@@ -68,6 +68,10 @@ export interface ILcdpUeditorProps {
          */
         videoAllowFiles?: string[];
         maximumWords?: number;
+        /**
+         * 导出文件名
+         */
+        exportFileName?: string;
     };
     toolbars?: string[][];
     /**
@@ -100,6 +104,22 @@ export interface ILcdpUeditorProps {
      * @param val 编辑器内容
      */
     onChange?(val: string): void;
+    /**
+     * 样式前缀
+     */
+    prefixCls?: string;
+    /**
+     * 设置变化
+     */
+    onSettingChange?(val: Record<Required<ILcdpUeditorProps>['bottomTypes'][number], any>): void;
+    /**
+     * 默认设置
+     */
+    defaultSetting?: Record<Required<ILcdpUeditorProps>['bottomTypes'][number], any>;
+    /**
+     * 底部功能类型
+     */
+    bottomTypes?: Array<'chineseCount' | 'charCount' | 'pageWidth' | 'formatSetting' | 'exportPdf' | 'fullScreen' | 'copy'>;
 }
 export interface ILcdpUeditorInst {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingxiteam/lcdp-ueditor-react",
-  "version": "1.0.3-alpha.9",
+  "version": "1.0.4-alpha.2",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -18,14 +18,19 @@
   },
   "devDependencies": {
     "@types/lodash": "^4.14.180",
-    "father": "^4.1.9"
+    "father": "^4.1.9",
+    "@types/file-saver": "^2.0.5"
   },
   "peerDependencies": {
     "react": "^16.12.0 || ^17.0.0",
     "lodash": "^4.0.0"
   },
   "dependencies": {
-    "@babel/runtime": "7.23.2"
+    "@babel/runtime": "7.23.2",
+    "jspdf": "^2.5.1",
+    "file-saver": "^2.0.5",
+    "antd": "4.24.13",
+    "html2canvas": "^1.4.1"
   },
   "publishConfig": {
     "access": "public",