@lingxiteam/lcdp-ueditor-react 1.0.3-alpha.12 → 1.0.3-alpha.14

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { FormatSettings } from './tools/generateStylesFromSettings';
 interface IUeditorStype extends React.CSSProperties {
     toolbarColor?: string;
 }
@@ -100,6 +101,22 @@ export interface ILcdpUeditorProps {
      * @param val 编辑器内容
      */
     onChange?(val: string): void;
+    /**
+     * 样式前缀
+     */
+    prefixCls?: string;
+    /**
+     * 格式设置变化
+     */
+    onFormatChange?(val: FormatSettings): void;
+    /**
+     * 默认格式设置
+     */
+    defaultFormatSetting?: FormatSettings;
+    /**
+     * 底部功能类型
+     */
+    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.12",
+  "version": "1.0.3-alpha.14",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -18,11 +18,20 @@
   },
   "devDependencies": {
     "@types/lodash": "^4.14.180",
-    "father": "^4.1.9"
+    "father": "^4.1.9",
+    "@types/file-saver": "^2.0.5",
+    "antd": "4.24.13",
+    "jspdf": "^2.5.1",
+    "file-saver": "^2.0.5",
+    "html2canvas": "^1.4.1"
   },
   "peerDependencies": {
     "react": "^16.12.0 || ^17.0.0",
-    "lodash": "^4.0.0"
+    "lodash": "^4.0.0",
+    "antd": "4.24.13",
+    "jspdf": "^2.5.1",
+    "file-saver": "^2.0.5",
+    "html2canvas": "^1.4.1"
   },
   "dependencies": {
     "@babel/runtime": "7.23.2"