@opentiny/fluent-editor 3.19.0 → 3.19.1-alpha.0

package/lib/config.cjs.js

@@ -0,0 +1,168 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const icons_config = require("./config/icons.config.cjs.js");
+const editor_utils = require("./config/editor.utils.cjs.js");
+const enUs = require("./config/i18n/en-us.cjs.js");
+const zhCn = require("./config/i18n/zh-cn.cjs.js");
+const localLang = localStorage.getItem("lang") || "zh-cn";
+const LANG_CONF = localLang === "en-us" ? enUs.EN_US : zhCn.ZH_CN;
+const FONT_FAMILY_CONFIG = [
+  "songti",
+  "yahei",
+  "kaiti",
+  "heiti",
+  "lishu",
+  "mono",
+  "arial",
+  "arialblack",
+  "comic",
+  "impact",
+  "times"
+];
+const FONT_SIZE_CONFIG = [
+  "12px",
+  "13px",
+  "14px",
+  "15px",
+  "16px",
+  "17px",
+  "18px",
+  "19px",
+  "20px",
+  "22px",
+  "24px",
+  "26px",
+  "29px",
+  "32px",
+  "36px",
+  "40px",
+  "48px",
+  "72px"
+];
+const ICONS_CONFIG = {
+  "undo": icons_config.UNDO_ICON,
+  "redo": icons_config.REDO_ICON,
+  "clean": icons_config.CLEAN_ICON,
+  "bold": icons_config.BOLD_ICON,
+  "italic": icons_config.ITALIC_ICON,
+  "underline": icons_config.UNDERLINE_ICON,
+  "strike": icons_config.STRIKE_ICON,
+  "font": "",
+  "size": "",
+  "color": `<span class="ql-color-inner">
+    ${icons_config.COLOR_ICON}
+    ${icons_config.TRIANGLE_DOWN_ICON}
+    <span class="current-color-line"></span>
+  </span>`,
+  "background": `<span class="ql-color-inner">
+    ${icons_config.BACKGROUND_COLOR_ICON}
+    ${icons_config.TRIANGLE_DOWN_ICON}
+    <span class="current-color-line color-line-background"></span>
+  </span>`,
+  "align": {
+    "": icons_config.ALIGN_LEFT_ICON,
+    "center": icons_config.ALIGN_CENTER_ICON,
+    "right": icons_config.ALIGN_RIGHT_ICON
+  },
+  "list": {
+    bullet: icons_config.LIST_UNORDERED_ICON,
+    ordered: icons_config.LIST_ORDERED_ICON,
+    check: icons_config.LIST_CHECK_ICON
+  },
+  "code": icons_config.CODE_ICON,
+  "code-block": icons_config.CODE_BLOCK_ICON,
+  "blockquote": icons_config.BLOCKQUOTE_ICON,
+  "image": icons_config.IMAGE_ICON,
+  "file": icons_config.FILE_ICON,
+  "better-table": icons_config.TABLE_ICON,
+  "link": icons_config.LINK_ICON,
+  "global-link": icons_config.GLOBAL_LINK_ICON,
+  "fullscreen": icons_config.FULLSCREEN_ICON,
+  "emoji": icons_config.EMOJI_ICON,
+  "help": icons_config.HELP_ICON,
+  "screenshot": icons_config.SCREENSHOT_ICON,
+  "format-painter": icons_config.FORMAT_PAINTER_ICON
+};
+const TABLE_RIGHT_MENU_CONFIG = {
+  copyCells: {
+    text: LANG_CONF["copy-cells"]
+  },
+  copyTable: {
+    text: LANG_CONF["copy-table"]
+  },
+  cutCells: {
+    text: LANG_CONF["cut-cells"]
+  },
+  emptyCells: {
+    text: LANG_CONF["empty-cells"]
+  },
+  insertRowUp: {
+    text: LANG_CONF["insert-row-up"]
+  },
+  insertRowDown: {
+    text: LANG_CONF["insert-row-down"]
+  },
+  insertColumnLeft: {
+    text: LANG_CONF["insert-column-left"]
+  },
+  insertColumnRight: {
+    text: LANG_CONF["insert-column-right"]
+  },
+  mergeCells: {
+    text: LANG_CONF["merge-cells"]
+  },
+  unmergeCells: {
+    text: LANG_CONF["unmerge-cells"]
+  },
+  deleteRow: {
+    text: LANG_CONF["delete-row"]
+  },
+  deleteColumn: {
+    text: LANG_CONF["delete-column"]
+  },
+  deleteTable: {
+    text: LANG_CONF["delete-table"]
+  }
+};
+function inputFile(type, accept) {
+  const defaultMIMETypes = this.quill.uploader.options[type].join(", ");
+  const mimeTypes = accept || defaultMIMETypes;
+  let fileInput = this.container.querySelector(`input.ql-${type}[type=file]`);
+  if (editor_utils.isNullOrUndefined(fileInput)) {
+    fileInput = document.createElement("input");
+    fileInput.classList.add(`ql-${type}`);
+    fileInput.setAttribute("type", "file");
+    fileInput.setAttribute("accept", mimeTypes);
+    if (this.quill.uploader.options.enableMultiUpload === true || this.quill.uploader.options.enableMultiUpload.file && type === "file" || this.quill.uploader.options.enableMultiUpload.image && type === "image") {
+      fileInput.setAttribute("multiple", "");
+    }
+    fileInput.addEventListener("change", () => {
+      const range = this.quill.getSelection(true);
+      this.quill.uploader.upload(range, fileInput.files, type === "file");
+      fileInput.value = "";
+    });
+    this.container.appendChild(fileInput);
+  }
+  fileInput.click();
+}
+function getListValue(value, preListValue) {
+  let curListValue = value;
+  if (preListValue && preListValue === value) {
+    curListValue = false;
+  } else if (value === "check") {
+    if (preListValue === "checked" || preListValue === "unchecked") {
+      curListValue = false;
+    } else {
+      curListValue = "unchecked";
+    }
+  }
+  return curListValue;
+}
+exports.FONT_FAMILY_CONFIG = FONT_FAMILY_CONFIG;
+exports.FONT_SIZE_CONFIG = FONT_SIZE_CONFIG;
+exports.ICONS_CONFIG = ICONS_CONFIG;
+exports.LANG_CONF = LANG_CONF;
+exports.TABLE_RIGHT_MENU_CONFIG = TABLE_RIGHT_MENU_CONFIG;
+exports.getListValue = getListValue;
+exports.inputFile = inputFile;
+//# sourceMappingURL=config.cjs.js.map

package/lib/config.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.cjs.js","sources":["../../src/config.ts"],"sourcesContent":["import {\r\n  ALIGN_CENTER_ICON,\r\n  ALIGN_LEFT_ICON,\r\n  ALIGN_RIGHT_ICON,\r\n  BACKGROUND_COLOR_ICON,\r\n  BLOCKQUOTE_ICON,\r\n  BOLD_ICON,\r\n  CLEAN_ICON,\r\n  CODE_BLOCK_ICON,\r\n  CODE_ICON,\r\n  COLOR_ICON,\r\n  EMOJI_ICON,\r\n  FILE_ICON,\r\n  FULLSCREEN_ICON,\r\n  GLOBAL_LINK_ICON,\r\n  HELP_ICON,\r\n  IMAGE_ICON,\r\n  ITALIC_ICON,\r\n  LINK_ICON,\r\n  LIST_CHECK_ICON,\r\n  LIST_ORDERED_ICON,\r\n  LIST_UNORDERED_ICON,\r\n  REDO_ICON,\r\n  SCREENSHOT_ICON,\r\n  STRIKE_ICON,\r\n  TABLE_ICON,\r\n  TRIANGLE_DOWN_ICON,\r\n  UNDERLINE_ICON,\r\n  UNDO_ICON,\r\n  FORMAT_PAINTER_ICON,\r\n} from './config/icons.config'\r\nimport { isNullOrUndefined } from './config/editor.utils'\r\n\r\nimport { EN_US } from './config/i18n/en-us'\r\nimport { ZH_CN } from './config/i18n/zh-cn'\r\nconst localLang = localStorage.getItem('lang') || 'zh-cn'\r\nexport const LANG_CONF = localLang === 'en-us' ? EN_US : ZH_CN\r\n\r\nexport const FONT_FAMILY_CONFIG = [\r\n  'songti',\r\n  'yahei',\r\n  'kaiti',\r\n  'heiti',\r\n  'lishu',\r\n  'mono',\r\n  'arial',\r\n  'arialblack',\r\n  'comic',\r\n  'impact',\r\n  'times',\r\n]\r\n\r\nexport const FONT_SIZE_CONFIG = [\r\n  '12px',\r\n  '13px',\r\n  '14px',\r\n  '15px',\r\n  '16px',\r\n  '17px',\r\n  '18px',\r\n  '19px',\r\n  '20px',\r\n  '22px',\r\n  '24px',\r\n  '26px',\r\n  '29px',\r\n  '32px',\r\n  '36px',\r\n  '40px',\r\n  '48px',\r\n  '72px',\r\n]\r\n\r\nexport const ICONS_CONFIG: { [key: string]: any } = {\r\n  'undo': UNDO_ICON,\r\n  'redo': REDO_ICON,\r\n  'clean': CLEAN_ICON,\r\n\r\n  'bold': BOLD_ICON,\r\n  'italic': ITALIC_ICON,\r\n  'underline': UNDERLINE_ICON,\r\n  'strike': STRIKE_ICON,\r\n\r\n  'font': '',\r\n  'size': '',\r\n\r\n  'color': `<span class=\"ql-color-inner\">\r\n    ${COLOR_ICON}\r\n    ${TRIANGLE_DOWN_ICON}\r\n    <span class=\"current-color-line\"></span>\r\n  </span>`,\r\n  'background': `<span class=\"ql-color-inner\">\r\n    ${BACKGROUND_COLOR_ICON}\r\n    ${TRIANGLE_DOWN_ICON}\r\n    <span class=\"current-color-line color-line-background\"></span>\r\n  </span>`,\r\n\r\n  'align': {\r\n    '': ALIGN_LEFT_ICON,\r\n    'center': ALIGN_CENTER_ICON,\r\n    'right': ALIGN_RIGHT_ICON,\r\n  },\r\n  'list': {\r\n    bullet: LIST_UNORDERED_ICON,\r\n    ordered: LIST_ORDERED_ICON,\r\n    check: LIST_CHECK_ICON,\r\n  },\r\n\r\n  'code': CODE_ICON,\r\n  'code-block': CODE_BLOCK_ICON,\r\n  'blockquote': BLOCKQUOTE_ICON,\r\n\r\n  'image': IMAGE_ICON,\r\n  'file': FILE_ICON,\r\n  'better-table': TABLE_ICON,\r\n  'link': LINK_ICON,\r\n  'global-link': GLOBAL_LINK_ICON,\r\n  'fullscreen': FULLSCREEN_ICON,\r\n  'emoji': EMOJI_ICON,\r\n  'help': HELP_ICON,\r\n  'screenshot': SCREENSHOT_ICON,\r\n  'format-painter': FORMAT_PAINTER_ICON,\r\n}\r\n\r\nexport const TABLE_RIGHT_MENU_CONFIG = {\r\n  copyCells: {\r\n    text: LANG_CONF['copy-cells'],\r\n  },\r\n  copyTable: {\r\n    text: LANG_CONF['copy-table'],\r\n  },\r\n  cutCells: {\r\n    text: LANG_CONF['cut-cells'],\r\n  },\r\n  emptyCells: {\r\n    text: LANG_CONF['empty-cells'],\r\n  },\r\n  insertRowUp: {\r\n    text: LANG_CONF['insert-row-up'],\r\n  },\r\n  insertRowDown: {\r\n    text: LANG_CONF['insert-row-down'],\r\n  },\r\n  insertColumnLeft: {\r\n    text: LANG_CONF['insert-column-left'],\r\n  },\r\n  insertColumnRight: {\r\n    text: LANG_CONF['insert-column-right'],\r\n  },\r\n  mergeCells: {\r\n    text: LANG_CONF['merge-cells'],\r\n  },\r\n  unmergeCells: {\r\n    text: LANG_CONF['unmerge-cells'],\r\n  },\r\n  deleteRow: {\r\n    text: LANG_CONF['delete-row'],\r\n  },\r\n  deleteColumn: {\r\n    text: LANG_CONF['delete-column'],\r\n  },\r\n  deleteTable: {\r\n    text: LANG_CONF['delete-table'],\r\n  },\r\n}\r\n\r\n// 触发上传\r\nexport function inputFile(type, accept) {\r\n  const defaultMIMETypes = this.quill.uploader.options[type].join(', ')\r\n  const mimeTypes = accept || defaultMIMETypes\r\n  let fileInput = this.container.querySelector(`input.ql-${type}[type=file]`)\r\n  if (isNullOrUndefined(fileInput)) {\r\n    fileInput = document.createElement('input')\r\n    fileInput.classList.add(`ql-${type}`)\r\n    fileInput.setAttribute('type', 'file')\r\n    fileInput.setAttribute('accept', mimeTypes)\r\n    if (\r\n      this.quill.uploader.options.enableMultiUpload === true\r\n      || (this.quill.uploader.options.enableMultiUpload.file && type === 'file')\r\n      || (this.quill.uploader.options.enableMultiUpload.image && type === 'image')\r\n    ) {\r\n      fileInput.setAttribute('multiple', '')\r\n    }\r\n    fileInput.addEventListener('change', () => {\r\n      const range = this.quill.getSelection(true)\r\n      this.quill.uploader.upload(range, fileInput.files, type === 'file')\r\n      fileInput.value = ''\r\n    })\r\n    this.container.appendChild(fileInput)\r\n  }\r\n  fileInput.click()\r\n}\r\n\r\nexport function getListValue(value, preListValue) {\r\n  let curListValue = value\r\n  if (preListValue && preListValue === value) {\r\n    curListValue = false\r\n  }\r\n  else if (value === 'check') {\r\n    if (preListValue === 'checked' || preListValue === 'unchecked') {\r\n      curListValue = false\r\n    }\r\n    else {\r\n      curListValue = 'unchecked'\r\n    }\r\n  }\r\n  return curListValue\r\n}\r\n"],"names":["EN_US","ZH_CN","UNDO_ICON","REDO_ICON","CLEAN_ICON","BOLD_ICON","ITALIC_ICON","UNDERLINE_ICON","STRIKE_ICON","COLOR_ICON","TRIANGLE_DOWN_ICON","BACKGROUND_COLOR_ICON","ALIGN_LEFT_ICON","ALIGN_CENTER_ICON","ALIGN_RIGHT_ICON","LIST_UNORDERED_ICON","LIST_ORDERED_ICON","LIST_CHECK_ICON","CODE_ICON","CODE_BLOCK_ICON","BLOCKQUOTE_ICON","IMAGE_ICON","FILE_ICON","TABLE_ICON","LINK_ICON","GLOBAL_LINK_ICON","FULLSCREEN_ICON","EMOJI_ICON","HELP_ICON","SCREENSHOT_ICON","FORMAT_PAINTER_ICON","isNullOrUndefined"],"mappings":"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"}

package/lib/counter/index.cjs.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Quill = require("quill");
+const config = require("../config.cjs.js");
+class Counter {
+  // @ts-ignore
+  constructor(quill, options) {
+    this.quill = quill;
+    this.defaultOptions = {
+      format: "text",
+      unit: "char",
+      template: config.LANG_CONF["counter-template"],
+      count: 500
+    };
+    this.renderCount = () => {
+      setTimeout(() => {
+        const { format, count: totalCount, unit, template: counterTemplate, errorTemplate } = this.options;
+        const count = this.getContentLength(format);
+        const restCount = totalCount - count;
+        const countUnit = unit === "char" ? config.LANG_CONF.char : config.LANG_CONF.word;
+        let template = counterTemplate;
+        if (typeof template === "function") {
+          template = template(count, restCount);
+        }
+        const desc = template.replace("{{count}}", count).replace("{{totalCount}}", String(totalCount)).replace("{{restCount}}", String(restCount)).replace(/{{countUnit}}/g, countUnit);
+        let limitTemplate = errorTemplate || config.LANG_CONF["counter-limit-tips"];
+        if (typeof limitTemplate === "function") {
+          limitTemplate = limitTemplate(count, restCount);
+        }
+        const limitTips = limitTemplate.replace("{{countUnit}}", countUnit);
+        if (restCount < 0) {
+          this.container.innerHTML = errorTemplate ? limitTips : `<span style="color:red">${limitTips}</span>`;
+        } else {
+          this.container.innerHTML = desc;
+        }
+      });
+    };
+    this.options = { ...this.defaultOptions, ...options };
+    this.container = quill.addContainer("ql-counter");
+    quill.on(Quill.events.TEXT_CHANGE, this.renderCount);
+    this.renderCount();
+  }
+  getContentLength(format) {
+    let content = this.quill.getText();
+    if (format === "html") {
+      let html = this.quill.root.innerHTML;
+      if (html === "<p><br></p>" || html === "<div><br><div>") {
+        html = "";
+      }
+      content = html;
+    }
+    const text = content.replace(/\s/g, "").trim();
+    if (this.options.unit === "word") {
+      return !content.trim() ? 0 : content.trim().split(/\s+/).length;
+    }
+    return text.length;
+  }
+}
+exports.default = Counter;
+//# sourceMappingURL=index.cjs.js.map

package/lib/counter/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/counter/index.ts"],"sourcesContent":["import Quill from 'quill'\r\nimport { LANG_CONF } from '../config'\r\nimport { ICounterOption } from '../config/types'\r\n\r\nexport default class Counter {\r\n  container: HTMLDivElement\r\n  options: ICounterOption\r\n  defaultOptions: ICounterOption = {\r\n    format: 'text',\r\n    unit: 'char',\r\n    template: LANG_CONF['counter-template'],\r\n    count: 500,\r\n  }\r\n\r\n  // @ts-ignore\r\n  constructor(private quill: Quill, options: ICounterOption) {\r\n    this.options = { ...this.defaultOptions, ...options }\r\n    this.container = quill.addContainer('ql-counter')\r\n    quill.on(Quill.events.TEXT_CHANGE, this.renderCount)\r\n    this.renderCount()\r\n  }\r\n\r\n  renderCount = () => {\r\n    setTimeout(() => {\r\n      // @ts-ignore\r\n      const { format, count: totalCount, unit, template: counterTemplate, errorTemplate } = this.options\r\n      const count = this.getContentLength(format)\r\n      const restCount = totalCount - count\r\n      const countUnit = unit === 'char' ? LANG_CONF.char : LANG_CONF.word\r\n      let template: any = counterTemplate\r\n      if (typeof template === 'function') {\r\n        template = template(count, restCount)\r\n      }\r\n      const desc = template.replace('{{count}}', count)\r\n        .replace('{{totalCount}}', String(totalCount))\r\n        .replace('{{restCount}}', String(restCount))\r\n        .replace(/{{countUnit}}/g, countUnit)\r\n\r\n      let limitTemplate: any = errorTemplate || LANG_CONF['counter-limit-tips']\r\n      if (typeof limitTemplate === 'function') {\r\n        limitTemplate = limitTemplate(count, restCount)\r\n      }\r\n      const limitTips = limitTemplate.replace('{{countUnit}}', countUnit)\r\n      if (restCount < 0) {\r\n        this.container.innerHTML = errorTemplate ? limitTips : `<span style=\"color:red\">${limitTips}</span>`\r\n      }\r\n      else {\r\n        this.container.innerHTML = desc\r\n      }\r\n    })\r\n  }\r\n\r\n  getContentLength(format) {\r\n    let content = this.quill.getText()\r\n    if (format === 'html') {\r\n      let html = this.quill.root.innerHTML\r\n      // 编辑器初始时\r\n      if (html === '<p><br></p>' || html === '<div><br><div>') {\r\n        html = ''\r\n      }\r\n      content = html\r\n    }\r\n    const text = content.replace(/\\s/g, '').trim()\r\n    if (this.options.unit === 'word') {\r\n      return !content.trim() ? 0 : content.trim().split(/\\s+/).length\r\n    }\r\n    return text.length\r\n  }\r\n}\r\n"],"names":["LANG_CONF"],"mappings":";;;;AAIA,MAAqB,QAAQ;AAAA;AAAA,EAW3B,YAAoB,OAAc,SAAyB;AAAvC,SAAA,QAAA;AARa,SAAA,iBAAA;AAAA,MAC/B,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,UAAUA,iBAAU,kBAAkB;AAAA,MACtC,OAAO;AAAA,IAAA;AAWT,SAAA,cAAc,MAAM;AAClB,iBAAW,MAAM;AAET,cAAA,EAAE,QAAQ,OAAO,YAAY,MAAM,UAAU,iBAAiB,cAAc,IAAI,KAAK;AACrF,cAAA,QAAQ,KAAK,iBAAiB,MAAM;AAC1C,cAAM,YAAY,aAAa;AAC/B,cAAM,YAAY,SAAS,SAASA,OAAA,UAAU,OAAOA,OAAU,UAAA;AAC/D,YAAI,WAAgB;AAChB,YAAA,OAAO,aAAa,YAAY;AACvB,qBAAA,SAAS,OAAO,SAAS;AAAA,QACtC;AACM,cAAA,OAAO,SAAS,QAAQ,aAAa,KAAK,EAC7C,QAAQ,kBAAkB,OAAO,UAAU,CAAC,EAC5C,QAAQ,iBAAiB,OAAO,SAAS,CAAC,EAC1C,QAAQ,kBAAkB,SAAS;AAElC,YAAA,gBAAqB,iBAAiBA,OAAA,UAAU,oBAAoB;AACpE,YAAA,OAAO,kBAAkB,YAAY;AACvB,0BAAA,cAAc,OAAO,SAAS;AAAA,QAChD;AACA,cAAM,YAAY,cAAc,QAAQ,iBAAiB,SAAS;AAClE,YAAI,YAAY,GAAG;AACjB,eAAK,UAAU,YAAY,gBAAgB,YAAY,2BAA2B,SAAS;AAAA,QAAA,OAExF;AACH,eAAK,UAAU,YAAY;AAAA,QAC7B;AAAA,MAAA,CACD;AAAA,IAAA;AAjCD,SAAK,UAAU,EAAE,GAAG,KAAK,gBAAgB,GAAG;AACvC,SAAA,YAAY,MAAM,aAAa,YAAY;AAChD,UAAM,GAAG,MAAM,OAAO,aAAa,KAAK,WAAW;AACnD,SAAK,YAAY;AAAA,EACnB;AAAA,EAgCA,iBAAiB,QAAQ;AACnB,QAAA,UAAU,KAAK,MAAM,QAAQ;AACjC,QAAI,WAAW,QAAQ;AACjB,UAAA,OAAO,KAAK,MAAM,KAAK;AAEvB,UAAA,SAAS,iBAAiB,SAAS,kBAAkB;AAChD,eAAA;AAAA,MACT;AACU,gBAAA;AAAA,IACZ;AACA,UAAM,OAAO,QAAQ,QAAQ,OAAO,EAAE,EAAE;AACpC,QAAA,KAAK,QAAQ,SAAS,QAAQ;AACzB,aAAA,CAAC,QAAQ,KAAS,IAAA,IAAI,QAAQ,KAAK,EAAE,MAAM,KAAK,EAAE;AAAA,IAC3D;AACA,WAAO,KAAK;AAAA,EACd;AACF;;"}