@whletsgo/editor 0.0.1

package/dist/esm/components/menu-bar/index.styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const MenuBarContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MenuBarContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MenuBarButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    isActive?: boolean | undefined;
+}>> & string;
+export declare const MenuBarInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const MenuBarColorInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

package/dist/esm/components/menu-bar/index.styled.js

@@ -0,0 +1,31 @@
+import styled from 'styled-components';
+export var MenuBarContainer = styled.div.withConfig({
+  displayName: "MenuBarContainer",
+  componentId: "editor-9e80__sc-1hhsgpu-0"
+})(["position:sticky;top:0;background-color:#fff;z-index:10;border-bottom:1px solid #e0e0e0;padding:0 10px;"]);
+export var MenuBarContent = styled.div.withConfig({
+  displayName: "MenuBarContent",
+  componentId: "editor-9e80__sc-1hhsgpu-1"
+})(["display:flex;flex-wrap:wrap;gap:10px;padding:10px 0;"]);
+export var MenuBarButton = styled.button.withConfig({
+  displayName: "MenuBarButton",
+  componentId: "editor-9e80__sc-1hhsgpu-2"
+})(["position:relative;background-color:", ";padding:6px 10px;cursor:pointer;border-radius:8px;border:none;font-size:12px;color:", ";line-height:1.5;transition:background-color 0.3s ease;user-select:none;&:hover{background-color:", ";}&:active{background-color:", ";}"], function (props) {
+  return props.isActive ? '#6a00f5' : '#f0f0f0';
+}, function (props) {
+  return props.isActive ? '#fff' : '#110F0E';
+}, function (props) {
+  return props.isActive ? '#6a00f5' : '#dadada';
+}, function (props) {
+  return props.isActive ? '#5500c5' : '#bbb';
+});
+export var MenuBarInput = styled.input.withConfig({
+  displayName: "MenuBarInput",
+  componentId: "editor-9e80__sc-1hhsgpu-3"
+})(["position:absolute;opacity:0;inset:0;cursor:pointer;"]);
+
+// 颜色选择input
+export var MenuBarColorInput = styled.input.withConfig({
+  displayName: "MenuBarColorInput",
+  componentId: "editor-9e80__sc-1hhsgpu-4"
+})(["padding:6px 10px;display:block;border-radius:8px;border:none;"]);

package/dist/esm/extensions/video/index.d.ts

@@ -0,0 +1,24 @@
+import { Node } from '@tiptap/core';
+export interface VideoAttributes {
+    src: string;
+    controls?: boolean;
+    autoplay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    playsInline?: boolean;
+    poster?: string | null;
+    preload?: 'auto' | 'metadata' | 'none' | '';
+    width?: string | number | null;
+    height?: string | number | null;
+}
+export interface VideoOptions {
+    HTMLAttributes: Record<string, any>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        video: {
+            setVideo: (options: VideoAttributes) => ReturnType;
+        };
+    }
+}
+export declare const Video: Node<VideoOptions, any>;

package/dist/esm/extensions/video/index.js

@@ -0,0 +1,129 @@
+import { Node, mergeAttributes } from '@tiptap/core';
+export var Video = Node.create({
+  name: 'video',
+  group: 'block',
+  atom: true,
+  selectable: true,
+  draggable: true,
+  addOptions: function addOptions() {
+    return {
+      HTMLAttributes: {}
+    };
+  },
+  addAttributes: function addAttributes() {
+    return {
+      src: {
+        default: null,
+        parseHTML: function parseHTML(element) {
+          var _element$querySelecto;
+          return element.getAttribute('src') || ((_element$querySelecto = element.querySelector('source')) === null || _element$querySelecto === void 0 ? void 0 : _element$querySelecto.getAttribute('src'));
+        }
+      },
+      controls: {
+        default: true,
+        parseHTML: function parseHTML(element) {
+          return element.hasAttribute('controls');
+        },
+        renderHTML: function renderHTML(attributes) {
+          return attributes.controls ? {
+            controls: ''
+          } : {};
+        }
+      },
+      autoplay: {
+        default: false,
+        parseHTML: function parseHTML(element) {
+          return element.hasAttribute('autoplay');
+        },
+        renderHTML: function renderHTML(attributes) {
+          return attributes.autoplay ? {
+            autoplay: ''
+          } : {};
+        }
+      },
+      loop: {
+        default: false,
+        parseHTML: function parseHTML(element) {
+          return element.hasAttribute('loop');
+        },
+        renderHTML: function renderHTML(attributes) {
+          return attributes.loop ? {
+            loop: ''
+          } : {};
+        }
+      },
+      muted: {
+        default: false,
+        parseHTML: function parseHTML(element) {
+          return element.hasAttribute('muted');
+        },
+        renderHTML: function renderHTML(attributes) {
+          return attributes.muted ? {
+            muted: ''
+          } : {};
+        }
+      },
+      playsInline: {
+        default: true,
+        parseHTML: function parseHTML(element) {
+          return element.hasAttribute('playsinline');
+        },
+        renderHTML: function renderHTML(attributes) {
+          return attributes.playsInline ? {
+            playsinline: ''
+          } : {};
+        }
+      },
+      poster: {
+        default: null,
+        parseHTML: function parseHTML(element) {
+          return element.getAttribute('poster');
+        }
+      },
+      preload: {
+        default: 'metadata',
+        parseHTML: function parseHTML(element) {
+          return element.getAttribute('preload');
+        }
+      },
+      width: {
+        default: null,
+        parseHTML: function parseHTML(element) {
+          return element.getAttribute('width');
+        }
+      },
+      height: {
+        default: null,
+        parseHTML: function parseHTML(element) {
+          return element.getAttribute('height');
+        }
+      }
+    };
+  },
+  parseHTML: function parseHTML() {
+    return [{
+      tag: 'video'
+    }];
+  },
+  renderHTML: function renderHTML(_ref) {
+    var HTMLAttributes = _ref.HTMLAttributes;
+    return ['video', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
+  },
+  addCommands: function addCommands() {
+    var _this = this;
+    return {
+      setVideo: function setVideo(options) {
+        return function (_ref2) {
+          var commands = _ref2.commands;
+          if (!(options !== null && options !== void 0 && options.src)) {
+            return false;
+          }
+          return commands.insertContent({
+            type: _this.name,
+            attrs: options
+          });
+        };
+      }
+    };
+  }
+});

package/dist/esm/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './HaoRichEditor';
+export { default as HaoRichEditor } from './HaoRichEditor';

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export { default } from "./HaoRichEditor";
+export { default as HaoRichEditor } from "./HaoRichEditor";

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@whletsgo/editor",
+  "version": "0.0.1",
+  "description": "富文本编辑器组件",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@tiptap/core": "^3.20.5",
+    "@tiptap/extension-image": "^3.15.3",
+    "@tiptap/extension-text-align": "^3.15.3",
+    "@tiptap/extension-text-style": "^3.15.3",
+    "@tiptap/pm": "^3.15.3",
+    "@tiptap/react": "^3.15.3",
+    "@tiptap/starter-kit": "^3.15.3",
+    "styled-components": "^6.3.6"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "authors": [
+    "27276971@qq.com"
+  ],
+  "license": "MIT",
+  "devDependencies": {
+    "@types/node": "^25.0.8"
+  },
+  "scripts": {
+    "build": "father build",
+    "build:watch": "father dev"
+  }
+}