@ctzhian/tiptap 2.1.12 → 2.1.13

package/dist/extension/component/SlashCommandsList/index.js

@@ -25,7 +25,7 @@ var SlashCommandsList = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React.createElement(Stack, {
     direction: 'row',
     flexWrap: 'wrap'
-  }, items.slice(0, 18).map(function (item, index) {
+  }, items.slice(0, 16).map(function (item, index) {
     return /*#__PURE__*/React.createElement(ToolbarItem, {
       key: index,
       shortcutKey: (item === null || item === void 0 ? void 0 : item.shortcutKey) || [],

package/dist/extension/node/FileHandler.d.ts

@@ -1,4 +1,4 @@
 import { UploadFunction } from "../../type";
 export declare const FileHandlerExtension: (props: {
     onUpload?: UploadFunction;
-}) => import("@tiptap/core").Extension<Omit<import("@tiptap/extension-file-handler").FileHandlePluginOptions, "editor" | "key">, any>;
+}) => import("@tiptap/core").Extension<Omit<import("@tiptap/extension-file-handler").FileHandlePluginOptions, "key" | "editor">, any>;

package/dist/extension/node/Iframe.d.ts

@@ -4,9 +4,11 @@ declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         iframe: {
             setIframe: (options: {
+                type?: 'iframe' | 'bilibili';
                 src: string;
-                width?: number;
+                width?: number | string;
                 height?: number;
+                align?: 'left' | 'center' | 'right';
             }) => ReturnType;
         };
     }

package/dist/extension/node/Iframe.js

@@ -35,10 +35,15 @@ export var IframeExtension = function IframeExtension(props) {
           }
         },
         width: {
-          default: 760,
+          default: '100%',
           parseHTML: function parseHTML(element) {
             var width = element.getAttribute('width');
-            return width ? parseInt(width, 10) : 760;
+            if (width) {
+              if (width.endsWith('%')) return width;
+              var numWidth = parseInt(width, 10);
+              return isNaN(numWidth) ? '100%' : numWidth;
+            }
+            return '100%';
           },
           renderHTML: function renderHTML(attributes) {
             return {
@@ -57,6 +62,29 @@ export var IframeExtension = function IframeExtension(props) {
               height: attributes.height
             };
           }
+        },
+        type: {
+          default: 'iframe',
+          parseHTML: function parseHTML(element) {
+            return element.getAttribute('data-type');
+          },
+          renderHTML: function renderHTML(attributes) {
+            return {
+              'data-type': attributes.type
+            };
+          }
+        },
+        align: {
+          default: null,
+          parseHTML: function parseHTML(element) {
+            return element.getAttribute('data-align');
+          },
+          renderHTML: function renderHTML(attributes) {
+            if (!attributes.align) return {};
+            return {
+              'data-align': attributes.align
+            };
+          }
         }
       };
     },
@@ -67,12 +95,24 @@ export var IframeExtension = function IframeExtension(props) {
           if (!(dom instanceof HTMLElement)) return false;
           var src = dom.getAttribute('src');
           if (!src) return false;
-          var width = dom.getAttribute('width') ? parseInt(dom.getAttribute('width'), 10) : dom.style.width ? parseInt(dom.style.width, 10) : 760;
+          var widthAttr = dom.getAttribute('width');
+          var width = '100%';
+          if (widthAttr) {
+            // 如果是百分比，保留字符串格式
+            if (widthAttr.endsWith('%')) {
+              width = widthAttr;
+            } else {
+              // 否则解析为数字
+              var numWidth = parseInt(widthAttr, 10);
+              width = isNaN(numWidth) ? '100%' : numWidth;
+            }
+          }
           var height = dom.getAttribute('height') ? parseInt(dom.getAttribute('height'), 10) : dom.style.height ? parseInt(dom.style.height, 10) : 400;
           return {
             src: src,
             width: width,
-            height: height
+            height: height,
+            align: dom.getAttribute('data-align') || dom.getAttribute('align')
           };
         }
       }];
@@ -94,9 +134,10 @@ export var IframeExtension = function IframeExtension(props) {
       var _ref3 = node.attrs,
         src = _ref3.src,
         width = _ref3.width,
-        height = _ref3.height;
+        height = _ref3.height,
+        align = _ref3['data-align'];
       if (!src || src.trim() === '') return '';
-      return "<iframe src=\"".concat(src, "\" ").concat(width ? "width=\"".concat(width, "\"") : '', " ").concat(height ? "height=\"".concat(height, "\"") : '', " frameborder=\"0\" allowfullscreen=\"true\" autoplay=\"0\" loop=\"0\"></iframe>");
+      return "<iframe src=\"".concat(src, "\" ").concat(width ? "width=\"".concat(width, "\"") : '', " ").concat(height ? "height=\"".concat(height, "\"") : '', " ").concat(align ? "data-align=\"".concat(align, "\"") : '', " frameborder=\"0\" allowfullscreen=\"true\" autoplay=\"0\" loop=\"0\"></iframe>");
     },
     addCommands: function addCommands() {
       var _this = this;
@@ -107,9 +148,11 @@ export var IframeExtension = function IframeExtension(props) {
             return commands.insertContent({
               type: _this.name,
               attrs: {
+                type: options.type || 'iframe',
                 src: options.src,
-                width: options.width || 760,
-                height: options.height || 400
+                width: options.width || '100%',
+                height: options.height || 400,
+                align: options.align || null
               }
             });
           };

package/dist/extension/node/Table.d.ts

@@ -1,5 +1,5 @@
 import { Extension } from '@tiptap/core';
 export declare const TableExtension: ({ editable }: {
     editable: boolean;
-}) => (import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableHeaderOptions, any> | Extension<any, any>)[];
+}) => (Extension<any, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableHeaderOptions, any>)[];
 export default TableExtension;

package/dist/index.css

@@ -448,7 +448,6 @@
   overflow-x: auto;
   overflow-y: hidden;
   position: relative;
-  margin: 20px 0;
 }
 
 .tiptap.ProseMirror[contenteditable="true"] .tableWrapper {

package/dist/util/index.d.ts

@@ -22,3 +22,4 @@ export declare const getLinkTitle: (href: string) => string;
 export declare const getLinkAttributesWithSelectedText: (editor: Editor) => {
     title?: string;
 };
+export declare const extractSrcFromIframe: (input: string) => string;

package/dist/util/index.js

@@ -88,4 +88,12 @@ export var getLinkAttributesWithSelectedText = function getLinkAttributesWithSel
     };
   }
   return {};
+};
+export var extractSrcFromIframe = function extractSrcFromIframe(input) {
+  var trimmed = input.trim();
+  var iframeMatch = trimmed.match(/<iframe[^>]*\ssrc\s*=\s*["']([^"']+)["'][^>]*>/i) || trimmed.match(/<iframe[^>]*\ssrc\s*=\s*([^\s>]+)[^>]*>/i);
+  if (iframeMatch && iframeMatch[1]) {
+    return iframeMatch[1].trim();
+  }
+  return trimmed;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzhian/tiptap",
-  "version": "2.1.12",
+  "version": "2.1.13",
   "description": "基于 Tiptap 二次开发的编辑器组件",
   "main": "dist/index.js",
   "module": "dist/index.js",