@opentiny/fluent-editor 3.19.1 → 3.20.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/fluent-editor",
-  "version": "3.19.1",
+  "version": "3.20.0",
   "description": "A rich text editor based on Quill 2.0, which extends rich modules and formats on the basis of Quill. It's powerful and out-of-the-box.",
   "homepage": "https://opentiny.github.io/fluent-editor/",
   "keywords": [
@@ -48,7 +48,7 @@
     "commander": "^6.2.0",
     "glob": "^11.0.0",
     "highlight.js": "^10.2.0",
-    "html2canvas": "^1.0.0-rc.7",
+    "html2canvas": "^1.4.1",
     "jest": "^26.6.3",
     "prettier": "^2.3.0",
     "sass": "^1.47.0",

package/theme/style.css

@@ -3440,6 +3440,80 @@ li.unchecked > .ql-ui {
 :fullscreen {
   background-color: white !important;
 }
+.ql-screenshot-wrapper {
+  --ql-screenshot-color-bg: rgba(0, 0, 0, 0.5);
+  --ql-screenshot-color-confirm: #2196F3;
+  --ql-screenshot-color-cancel: #ef1749;
+}
+.ql-screenshot-wrapper .ql-screenshot-cancel,
+.ql-screenshot-wrapper .ql-screenshot-confirm {
+  position: relative;
+  height: 16px;
+  width: 16px;
+  cursor: pointer;
+}
+.ql-screenshot-wrapper .ql-screenshot-confirm {
+  background-color: var(--ql-screenshot-color-confirm);
+}
+.ql-screenshot-wrapper .ql-screenshot-confirm::after {
+  content: "";
+  position: absolute;
+  left: 6px;
+  top: 3px;
+  width: 5px;
+  height: 10px;
+  border: solid #fff;
+  border-width: 0 3px 3px 0;
+  transform: rotate(45deg);
+}
+.ql-screenshot-wrapper .ql-screenshot-cancel {
+  background-color: var(--ql-screenshot-color-cancel);
+}
+.ql-screenshot-wrapper .ql-screenshot-cancel::after {
+  content: "";
+  position: absolute;
+  left: 7px;
+  top: 2px;
+  width: 2px;
+  height: 12px;
+  border: solid #fff;
+  border-width: 0 3px 3px 0;
+  transform: rotate(45deg);
+}
+.ql-screenshot-wrapper .ql-screenshot-cancel::before {
+  content: "";
+  position: absolute;
+  left: 7px;
+  top: 2px;
+  width: 2px;
+  height: 12px;
+  border: solid #fff;
+  border-width: 0 3px 3px 0;
+  transform: rotate(-45deg);
+}
+.ql-screenshot-mask {
+  position: fixed;
+  inset: 0;
+  background-color: var(--ql-screenshot-color-bg);
+  z-index: 50;
+}
+.ql-screenshot-cutter {
+  position: fixed;
+  border: 1px solid #fff;
+  z-index: 50;
+}
+.ql-screenshot-coordinate, .ql-screenshot-done {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  font-size: 14px;
+  white-space: nowrap;
+}
+.ql-screenshot-done {
+  display: flex;
+  border-top: 1px solid #333;
+  border-left: 1px solid #333;
+}
 .ql-counter {
   width: 100%;
   bottom: 0;
@@ -3666,22 +3740,22 @@ li.unchecked > .ql-ui {
 .ql-toolbar.toolbar-bottom {
   border-top: 0;
 }
-.ql-toolbar .ql-active,
-.ql-toolbar .ql-picker-label.ql-active,
-.ql-toolbar .ql-picker-label:hover,
-.ql-toolbar .ql-picker-item.ql-selected,
-.ql-toolbar .ql-picker-item:hover,
-.ql-toolbar button.ql-active,
-.ql-toolbar button:hover {
+.ql-toolbar.ql-snow .ql-active,
+.ql-toolbar.ql-snow .ql-picker-label.ql-active,
+.ql-toolbar.ql-snow .ql-picker-label:hover,
+.ql-toolbar.ql-snow .ql-picker-item.ql-selected,
+.ql-toolbar.ql-snow .ql-picker-item:hover,
+.ql-toolbar.ql-snow button.ql-active,
+.ql-toolbar.ql-snow button:hover {
   color: #5e7ce0;
 }
-.ql-toolbar .ql-active .icon-triangle-down,
-.ql-toolbar .ql-picker-label.ql-active .icon-triangle-down,
-.ql-toolbar .ql-picker-label:hover .icon-triangle-down,
-.ql-toolbar .ql-picker-item.ql-selected .icon-triangle-down,
-.ql-toolbar .ql-picker-item:hover .icon-triangle-down,
-.ql-toolbar button.ql-active .icon-triangle-down,
-.ql-toolbar button:hover .icon-triangle-down {
+.ql-toolbar.ql-snow .ql-active .icon-triangle-down,
+.ql-toolbar.ql-snow .ql-picker-label.ql-active .icon-triangle-down,
+.ql-toolbar.ql-snow .ql-picker-label:hover .icon-triangle-down,
+.ql-toolbar.ql-snow .ql-picker-item.ql-selected .icon-triangle-down,
+.ql-toolbar.ql-snow .ql-picker-item:hover .icon-triangle-down,
+.ql-toolbar.ql-snow button.ql-active .icon-triangle-down,
+.ql-toolbar.ql-snow button:hover .icon-triangle-down {
   border-top-color: #5e7ce0;
 }
 .ql-toolbar .ql-picker-item:focus,

package/es/lineheight.es.js

@@ -1,11 +0,0 @@
-import Quill from "quill";
-const Parchment = Quill.import("parchment");
-const LineHeightStyle = new Parchment.StyleAttributor("lineheight", "line-height", {
-  scope: Parchment.Scope.INLINE,
-  whitelist: ["2", "2.5", "3", "4", "5"]
-  // 行距值的白名单
-});
-export {
-  LineHeightStyle as default
-};
-//# sourceMappingURL=lineheight.es.js.map

package/es/lineheight.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lineheight.es.js","sources":["../../src/lineheight.ts"],"sourcesContent":["import Quill from 'quill'\r\n\r\nconst Parchment = Quill.import('parchment')\r\n\r\nconst LineHeightStyle = new Parchment.StyleAttributor('lineheight', 'line-height', {\r\n  scope: Parchment.Scope.INLINE,\r\n  whitelist: ['2', '2.5', '3', '4', '5'], // 行距值的白名单\r\n})\r\n\r\nexport default LineHeightStyle\r\n"],"names":[],"mappings":";AAEA,MAAM,YAAY,MAAM,OAAO,WAAW;AAE1C,MAAM,kBAAkB,IAAI,UAAU,gBAAgB,cAAc,eAAe;AAAA,EACjF,OAAO,UAAU,MAAM;AAAA,EACvB,WAAW,CAAC,KAAK,OAAO,KAAK,KAAK,GAAG;AAAA;AACvC,CAAC;"}

package/lib/lineheight.cjs.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Quill = require("quill");
-const Parchment = Quill.import("parchment");
-const LineHeightStyle = new Parchment.StyleAttributor("lineheight", "line-height", {
-  scope: Parchment.Scope.INLINE,
-  whitelist: ["2", "2.5", "3", "4", "5"]
-  // 行距值的白名单
-});
-exports.default = LineHeightStyle;
-//# sourceMappingURL=lineheight.cjs.js.map

package/lib/lineheight.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lineheight.cjs.js","sources":["../../src/lineheight.ts"],"sourcesContent":["import Quill from 'quill'\r\n\r\nconst Parchment = Quill.import('parchment')\r\n\r\nconst LineHeightStyle = new Parchment.StyleAttributor('lineheight', 'line-height', {\r\n  scope: Parchment.Scope.INLINE,\r\n  whitelist: ['2', '2.5', '3', '4', '5'], // 行距值的白名单\r\n})\r\n\r\nexport default LineHeightStyle\r\n"],"names":[],"mappings":";;;AAEA,MAAM,YAAY,MAAM,OAAO,WAAW;AAE1C,MAAM,kBAAkB,IAAI,UAAU,gBAAgB,cAAc,eAAe;AAAA,EACjF,OAAO,UAAU,MAAM;AAAA,EACvB,WAAW,CAAC,KAAK,OAAO,KAAK,KAAK,GAAG;AAAA;AACvC,CAAC;;"}