react-bootstrap-editor
Advanced tools
Comparing version
@@ -1,5 +0,6 @@ | ||
import { RefObject, FC, PropsWithoutRef, InputHTMLAttributes, PureComponent, ClipboardEvent, DragEvent } from "react"; | ||
import { Tool, BoldTool as _BoldTool1, ItalicTool as _ItalicTool1, UnderlineTool as _UnderlineTool1, StrikeThroughTool as _StrikeThroughTool1, H1Tool as _H1Tool1, H2Tool as _H2Tool1, H3Tool as _H3Tool1, FontSizeDownTool as _FontSizeDownTool1, FontSizeUpTool as _FontSizeUpTool1, SubscriptTool as _SubscriptTool1, SuperscriptTool as _SuperscriptTool1, LinkTool as _LinkTool1, ColorName, ColorTool, ForeColorTool as _ForeColorTool1, BackColorTool as _BackColorTool1, AlignLeftTool as _AlignLeftTool1, AlignCenterTool as _AlignCenterTool1, AlignRightTool as _AlignRightTool1, AlignFullTool as _AlignFullTool1, OrderedListTool as _OrderedListTool1, UnorderedListTool as _UnorderedListTool1, HorizontalRuleTool as _HorizontalRuleTool1, IFrameTool as _IFrameTool1, ImageTool as _ImageTool1, AudioTool as _AudioTool1, VideoTool as _VideoTool1, UndoTool as _UndoTool1, RedoTool as _RedoTool1, ResetTool as _ResetTool1, ClearTool as _ClearTool1 } from "edkit"; | ||
import { RefObject, FC, InputHTMLAttributes, Component } from "react"; | ||
import { Tool, BoldTool as _BoldTool1, ItalicTool as _ItalicTool1, UnderlineTool as _UnderlineTool1, StrikeThroughTool as _StrikeThroughTool1, H1Tool as _H1Tool1, H2Tool as _H2Tool1, H3Tool as _H3Tool1, FontSizeDownTool as _FontSizeDownTool1, FontSizeUpTool as _FontSizeUpTool1, SubscriptTool as _SubscriptTool1, SuperscriptTool as _SuperscriptTool1, LinkTool as _LinkTool1, ColorName, ColorTool, ForeColorTool as _ForeColorTool1, BackColorTool as _BackColorTool1, AlignLeftTool as _AlignLeftTool1, AlignCenterTool as _AlignCenterTool1, AlignRightTool as _AlignRightTool1, AlignFullTool as _AlignFullTool1, OrderedListTool as _OrderedListTool1, UnorderedListTool as _UnorderedListTool1, HorizontalRuleTool as _HorizontalRuleTool1, IFrameTool as _IFrameTool1, ImageTool as _ImageTool1, AudioTool as _AudioTool1, VideoTool as _VideoTool1, UndoTool as _UndoTool1, RedoTool as _RedoTool1, ResetTool as _ResetTool1, ClearTool as _ClearTool1, CopyMarkdownTool as _CopyMarkdownTool1, EditorComponent } from "edkit"; | ||
import { JSX } from "react/jsx-runtime"; | ||
import { Constructor } from "web-utility"; | ||
export function renderTool(this: Tool, editor: RefObject<HTMLElement>): import("react/jsx-runtime").JSX.Element; | ||
export function renderTool(this: Tool, editor: RefObject<HTMLElement>): JSX.Element; | ||
export class BoldTool extends _BoldTool1 { | ||
@@ -53,12 +54,9 @@ icon: string; | ||
} | ||
export type ColorSelectorProps = PropsWithoutRef<{ | ||
className?: string; | ||
title?: string; | ||
export interface ColorSelectorProps extends Partial<Record<'className' | 'title' | 'value', string>> { | ||
icon: string; | ||
type: ColorName; | ||
value?: string; | ||
onChange?(color: string): any; | ||
}>; | ||
onChange?: (color: string) => any; | ||
} | ||
export const ColorSelector: FC<ColorSelectorProps>; | ||
export function renderColorTool(this: ColorTool, editor: RefObject<HTMLElement>): import("react/jsx-runtime").JSX.Element; | ||
export function renderColorTool(this: ColorTool, editor: RefObject<HTMLElement>): JSX.Element; | ||
export class ForeColorTool extends _ForeColorTool1 { | ||
@@ -132,2 +130,6 @@ icon: string; | ||
} | ||
export class CopyMarkdownTool extends _CopyMarkdownTool1 { | ||
icon: string; | ||
render: typeof renderTool; | ||
} | ||
export const TextTools: (typeof StrikeThroughTool)[]; | ||
@@ -138,2 +140,3 @@ export const ColorTools: (typeof ForeColorTool)[]; | ||
export const ControlTools: (typeof UndoTool | typeof ClearTool)[]; | ||
export const ExtraTools: (typeof CopyMarkdownTool)[]; | ||
export const OriginalTools: (typeof UndoTool | typeof ClearTool)[]; | ||
@@ -145,6 +148,11 @@ export const DefaultTools: (typeof UndoTool | typeof ClearTool)[]; | ||
} | ||
export class Editor extends PureComponent<EditorProps> { | ||
export interface Editor extends EditorComponent { | ||
} | ||
export class Editor extends Component<EditorProps> implements EditorComponent { | ||
static displayName: string; | ||
box: import("react").RefObject<HTMLDivElement>; | ||
box: RefObject<HTMLDivElement>; | ||
accessor toolList: Tool[]; | ||
get imageTool(): _ImageTool1; | ||
get audioTool(): AudioTool; | ||
get videoTool(): VideoTool; | ||
defaultValue: string | number | readonly string[]; | ||
@@ -158,9 +166,5 @@ accessor innerValue: string | number | readonly string[]; | ||
updateValue(markup: string): void; | ||
uploadFile(Type: Constructor<ImageTool> | Constructor<AudioTool> | Constructor<VideoTool>, data: string | Blob): Promise<string>; | ||
clearHTML(markup: string): Promise<DocumentFragment>; | ||
insertToCursor(raw: string | Node): void; | ||
handlePasteDrop: (event: ClipboardEvent | DragEvent) => Promise<void>; | ||
render(): import("react/jsx-runtime").JSX.Element; | ||
render(): JSX.Element; | ||
} | ||
//# sourceMappingURL=index.d.ts.map |
@@ -1,2 +0,2 @@ | ||
var e,r,t,n,o,a,l,i,c,u,s,f,b,p,d,y,v,_=require("react/jsx-runtime"),h=require("react"),m=require("@swc/helpers/cjs/_to_consumable_array.cjs"),g=require("@swc/helpers/cjs/_assert_this_initialized.cjs"),w=require("@swc/helpers/cjs/_class_call_check.cjs"),j=require("@swc/helpers/cjs/_inherits.cjs"),T=require("@swc/helpers/cjs/_create_super.cjs"),O=require("edkit"),P=require("@swc/helpers/cjs/_create_class.cjs"),A=require("@swc/helpers/cjs/_type_of.cjs"),k=require("@swc/helpers/cjs/_ts_generator.cjs"),x=require("@swc/helpers/cjs/_ts_values.cjs"),C=require("mobx"),L=require("mobx-react"),E=require("web-utility");function F(e,r){return Object.keys(r).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:function(){return r[t]}})}),e}function S(e,r,t,n){Object.defineProperty(e,r,{get:t,set:n,enumerable:!0,configurable:!0})}var D={};function M(e){var r=this,t=this.title,n=this.active,o=this.icon,a=this.usable;return(0,_.jsx)("button",{type:"button",title:t,className:"btn btn-".concat((n?"":"outline-")+"secondary"," me-2 mb-2"),style:{cursor:a?"pointer":"not-allowed"},disabled:!a,onClick:function(t){t.preventDefault(),e.current&&r.execute(e.current)},children:(0,_.jsx)("i",{className:"bi-".concat(o)})},o)}S(D,"renderTool",function(){return M});var V={};S(V,"TextTools",function(){return em}),S(V,"ColorTools",function(){return eg}),S(V,"LayoutTools",function(){return ew}),S(V,"MediaTools",function(){return ej}),S(V,"ControlTools",function(){return eT}),S(V,"OriginalTools",function(){return eO}),S(V,"DefaultTools",function(){return eP});var H={};S(H,"BoldTool",function(){return q}),S(H,"ItalicTool",function(){return N}),S(H,"UnderlineTool",function(){return I}),S(H,"StrikeThroughTool",function(){return z}),S(H,"H1Tool",function(){return U}),S(H,"H2Tool",function(){return R}),S(H,"H3Tool",function(){return W}),S(H,"FontSizeDownTool",function(){return B}),S(H,"FontSizeUpTool",function(){return G}),S(H,"SubscriptTool",function(){return J}),S(H,"SuperscriptTool",function(){return K}),S(H,"LinkTool",function(){return Q});var q=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-bold"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.BoldTool),N=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-italic"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.ItalicTool),I=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-underline"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.UnderlineTool),z=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-strikethrough"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.StrikeThroughTool),U=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-h1"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.H1Tool),R=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-h2"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.H2Tool),W=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-h3"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.H3Tool),B=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"sort-alpha-down"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.FontSizeDownTool),G=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"sort-alpha-up"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.FontSizeUpTool),J=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"box-arrow-down-right"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.SubscriptTool),K=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"box-arrow-up-right"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.SuperscriptTool),Q=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"link"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.LinkTool),X={};S(X,"ColorSelector",function(){return Y}),S(X,"renderColorTool",function(){return Z}),S(X,"ForeColorTool",function(){return $}),S(X,"BackColorTool",function(){return ee});var Y=function(e){var r=e.className,t=e.title,n=e.type,o=e.value,a=e.onChange,l=e.icon;return(0,_.jsxs)("span",{className:"d-inline-block align-middle position-relative ".concat(void 0===r?"":r),title:t,children:[(0,_.jsx)("input",{className:"position-absolute w-100 h-100 rounded-3",style:{left:0,top:0,zIndex:-1},type:"color",value:o,onChange:function(e){var r=e.target.value;return null==a?void 0:a(r)}}),(0,_.jsx)("button",{className:"btn",style:{color:"color"===n?o:"lightgray",backgroundColor:"color"===n?"white":o,borderColor:o},onClick:function(e){e.preventDefault(),e.currentTarget.previousElementSibling.click()},children:(0,_.jsx)("i",{className:"bi-".concat(l)})})]})};function Z(e){var r=this,t=this.icon,n=this.name,o=this.colorName;return(0,_.jsx)(Y,{className:"me-2 mb-2",title:n,icon:t,type:o,value:this.getColor(),onChange:function(t){return e.current&&r.execute(e.current,t)}},t)}var $=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"file-earmark-font"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:Z}),e}return t}(O.ForeColorTool),ee=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"file-earmark-font-fill"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:Z}),e}return t}(O.BackColorTool),er={};S(er,"AlignLeftTool",function(){return et}),S(er,"AlignCenterTool",function(){return en}),S(er,"AlignRightTool",function(){return eo}),S(er,"AlignFullTool",function(){return ea}),S(er,"OrderedListTool",function(){return el}),S(er,"UnorderedListTool",function(){return ei}),S(er,"HorizontalRuleTool",function(){return ec});var et=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"text-left"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.AlignLeftTool),en=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"text-center"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.AlignCenterTool),eo=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"text-right"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.AlignRightTool),ea=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"justify"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.AlignFullTool),el=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"list-ol"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.OrderedListTool),ei=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"list-ul"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.UnorderedListTool),ec=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"reception-0"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.HorizontalRuleTool),eu={};S(eu,"IFrameTool",function(){return es}),S(eu,"ImageTool",function(){return ef}),S(eu,"AudioTool",function(){return eb}),S(eu,"VideoTool",function(){return ep});var es=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"window"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.IFrameTool),ef=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"image"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.ImageTool),eb=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"voicemail"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.AudioTool),ep=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"camera-video"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.VideoTool),ed={};S(ed,"UndoTool",function(){return ey}),S(ed,"RedoTool",function(){return ev}),S(ed,"ResetTool",function(){return e_}),S(ed,"ClearTool",function(){return eh});var ey=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"arrow-counterclockwise"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.UndoTool),ev=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"arrow-clockwise"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.RedoTool),e_=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"eraser"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.ResetTool),eh=function(e){(0,j._)(t,e);var r=(0,T._)(t);function t(){var e;return(0,w._)(this,t),e=r.call.apply(r,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(e),"icon",{enumerable:!0,configurable:!0,writable:!0,value:"file-earmark-x"}),Object.defineProperty((0,g._)(e),"render",{enumerable:!0,configurable:!0,writable:!0,value:M}),e}return t}(O.ClearTool),em=[q,N,I,z,U,R,W,B,G,J,K,Q],eg=[$,ee],ew=[et,en,eo,ea,el,ei,ec],ej=[es,ef,eb,ep],eT=[ey,ev,e_,eh],eO=(0,m._)(em).concat((0,m._)(eg),(0,m._)(ew),(0,m._)(ej),(0,m._)(eT)),eP=[q,N,I,z,U,R,W,J,K,$,ee,et,en,eo,ea,el,ei,ec,ef,ey,ev,eh];F(V,H),F(V,X),F(V,er),F(V,eu),F(V,ed);var eA={};S(eA,"Editor",function(){return eF});var ek=function(e,r,t){for(var n=arguments.length>2,o=0;o<r.length;o++)t=n?r[o].call(e,t):r[o].call(e);return n?t:void 0},ex=function(e,r,t,n,o,a){function l(e){if(void 0!==e&&"function"!=typeof e)throw TypeError("Function expected");return e}for(var i,c=n.kind,u="getter"===c?"get":"setter"===c?"set":"value",s=!r&&e?n.static?e:e.prototype:null,f=r||(s?Object.getOwnPropertyDescriptor(s,n.name):{}),b=!1,p=t.length-1;p>=0;p--){var d={};for(var y in n)d[y]="access"===y?{}:n[y];for(var y in n.access)d.access[y]=n.access[y];d.addInitializer=function(e){if(b)throw TypeError("Cannot add initializers after decoration has completed");a.push(l(e||null))};var v=(0,t[p])("accessor"===c?{get:f.get,set:f.set}:f[u],d);if("accessor"===c){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw TypeError("Object expected");(i=l(v.get))&&(f.get=i),(i=l(v.set))&&(f.set=i),(i=l(v.init))&&o.unshift(i)}else(i=l(v))&&("field"===c?o.unshift(i):f[u]=i)}s&&Object.defineProperty(s,n.name,f),b=!0},eC=function(e,r,t,n){return new(t||(t=Promise))(function(o,a){function l(e){try{c(n.next(e))}catch(e){a(e)}}function i(e){try{c(n.throw(e))}catch(e){a(e)}}function c(e){var r;e.done?o(e.value):((r=e.value)instanceof t?r:new t(function(e){e(r)})).then(l,i)}c((n=n.apply(e,r||[])).next())})},eL=function(e,r,t,n){if("a"===t&&!n)throw TypeError("Private accessor was defined without a getter");if("function"==typeof r?e!==r||!n:!r.has(e))throw TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?n:"a"===t?n.call(e):n?n.value:r.get(e)},eE=function(e,r,t,n,o){if("m"===n)throw TypeError("Private method is not writable");if("a"===n&&!o)throw TypeError("Private accessor was defined without a setter");if("function"==typeof r?e!==r||!o:!r.has(e))throw TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,t):o?o.value=t:r.set(e,t),t},eF=(l=[L.observer],i=[],c=h.PureComponent,u=[],s=[],f=[],n=function(t){(0,j._)(o,t);var n=(0,T._)(o);function o(){var t;return(0,w._)(this,o),t=n.call.apply(n,[this].concat(Array.prototype.slice.call(arguments))),Object.defineProperty((0,g._)(t),"box",{enumerable:!0,configurable:!0,writable:!0,value:(ek((0,g._)(t),u),(0,h.createRef)())}),e.set((0,g._)(t),ek((0,g._)(t),s,[])),Object.defineProperty((0,g._)(t),"defaultValue",{enumerable:!0,configurable:!0,writable:!0,value:t.props.defaultValue}),r.set((0,g._)(t),ek((0,g._)(t),f,t.defaultValue)),Object.defineProperty((0,g._)(t),"updateTools",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.box.current===document.activeElement&&(t.toolList=(0,m._)(t.toolList))}}),Object.defineProperty((0,g._)(t),"handlePasteDrop",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return eC((0,g._)(t),void 0,void 0,function(){var r,t,n,o,a,l,i,c,u,s;return(0,k._)(this,function(f){switch(f.label){case 0:e.preventDefault(),r=e.currentTarget,t="paste"===e.type?(0,m._)(e.clipboardData.items):(0,m._)(e.dataTransfer.items),n=!0,o=!1,a=void 0,f.label=1;case 1:f.trys.push([1,6,7,8]),l=this,i=function(){var e,r,t,n,o,a;return(0,k._)(this,function(i){switch(i.label){case 0:if("text/html"!==(e=u.value).type)return[3,3];return[4,new Promise(function(r){return e.getAsString(r)})];case 1:return r=i.sent(),t=l.insertToCursor,[4,l.clearHTML(r)];case 2:return t.apply(l,[i.sent()]),[3,9];case 3:if(!e.type.startsWith("image/"))return[3,5];return[4,l.uploadFile(ef,e.getAsFile())];case 4:return(n=i.sent())&&l.insertToCursor('<img src="'.concat(n,'" />')),[3,9];case 5:if(!e.type.startsWith("audio/"))return[3,7];return[4,l.uploadFile(eb,e.getAsFile())];case 6:return(o=i.sent())&&l.insertToCursor('<audio src="'.concat(o,'" />')),[3,9];case 7:if(!e.type.startsWith("video/"))return[3,9];return[4,l.uploadFile(ep,e.getAsFile())];case 8:(a=i.sent())&&l.insertToCursor('<video src="'.concat(a,'" />')),i.label=9;case 9:return[2]}})},c=t[Symbol.iterator](),f.label=2;case 2:if(n=(u=c.next()).done)return[3,5];return[5,(0,x._)(i())];case 3:f.sent(),f.label=4;case 4:return n=!0,[3,2];case 5:return[3,8];case 6:return s=f.sent(),o=!0,a=s,[3,8];case 7:try{n||null==c.return||c.return()}finally{if(o)throw a}return[7];case 8:return this.updateValue(r.innerHTML),[2]}})})}}),t}return(0,P._)(o,[{key:"toolList",get:function(){return eL(this,e,"f")},set:function(r){eE(this,e,r,"f")}},{key:"innerValue",get:function(){return eL(this,r,"f")},set:function(e){eE(this,r,e,"f")}},{key:"componentDidMount",value:function(){this.bootTools(),document.addEventListener("selectionchange",this.updateTools)}},{key:"componentDidUpdate",value:function(e){e.tools!==this.props.tools&&this.bootTools()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("selectionchange",this.updateTools)}},{key:"bootTools",value:function(){var e=this.props.tools;this.toolList=(void 0===e?eP:e).map(function(e){return new e})}},{key:"updateValue",value:function(e){var r,t;this.innerValue=e=e.trim(),null===(t=(r=this.props).onChange)||void 0===t||t.call(r,e)}},{key:"uploadFile",value:function(e,r){return eC(this,void 0,void 0,function(){var t,n,o,a;return(0,k._)(this,function(l){switch(l.label){case 0:if("string"==typeof r&&!/^(data|blob):/.test(r))return[2,r];t=this.toolList.find(function(r){return r instanceof e}),l.label=1;case 1:if(l.trys.push([1,8,,9]),null!=t)return[3,2];return n=void 0,[3,6];case 2:if(o=t.save,"string"!=typeof r)return[3,4];return[4,(0,E.blobOf)(r)];case 3:return a=l.sent(),[3,5];case 4:a=r,l.label=5;case 5:n=o.apply(t,[a]),l.label=6;case 6:return[4,n];case 7:return[2,l.sent()];case 8:if(console.error(l.sent()),"string"==typeof r)return[2,r];return[3,9];case 9:return[2]}})})}},{key:"clearHTML",value:function(e){return eC(this,void 0,void 0,function(){var r,t,n,o,a,l,i,c,u,s,f;return(0,k._)(this,function(b){switch(b.label){case 0:(r=t=document.createDocumentFragment()).append.apply(r,(0,m._)((0,E.parseDOM)(e))),n=!0,o=!1,a=void 0,b.label=1;case 1:b.trys.push([1,10,11,12]),l=(0,E.walkDOM)(t,Node.ELEMENT_NODE)[Symbol.iterator](),b.label=2;case 2:if(n=(i=l.next()).done)return[3,9];for(var p in u=(c=i.value).style,s=c.dataset,["nowrap","pre"].includes(u.whiteSpace)&&(u.whiteSpace="normal"),s)delete s[p];if(!(c instanceof HTMLImageElement))return[3,4];return[4,this.uploadFile(ef,c.src)];case 3:case 5:return c.src=b.sent(),[3,8];case 4:if(!(c instanceof HTMLAudioElement))return[3,6];return[4,this.uploadFile(eb,c.src)];case 6:if(!(c instanceof HTMLVideoElement))return[3,8];return[4,this.uploadFile(ep,c.src)];case 7:c.src=b.sent(),b.label=8;case 8:return n=!0,[3,2];case 9:return[3,12];case 10:return f=b.sent(),o=!0,a=f,[3,12];case 11:try{n||null==l.return||l.return()}finally{if(o)throw a}return[7];case 12:return[2,t]}})})}},{key:"insertToCursor",value:function(e){var r;null===(r=this.box.current)||void 0===r||r.focus(),"string"==typeof e?(0,E.insertToCursor).apply(void 0,(0,m._)((0,E.parseDOM)(e))):(0,E.insertToCursor)(e)}},{key:"render",value:function(){var e=this,r=this.toolList,t=this.defaultValue,n=this.innerValue,o=this.props.name;return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)("header",{children:r.map(function(r){return r.render(e.box)})}),(0,_.jsx)("div",{ref:this.box,className:"form-control h-auto",contentEditable:!0,dangerouslySetInnerHTML:{__html:t},onInput:function(r){var t=r.currentTarget.innerHTML;return e.updateValue(t)},onPaste:this.handlePasteDrop,onDrop:this.handlePasteDrop}),(0,_.jsx)("input",{type:"hidden",name:o,value:n})]})}}]),o}(c),e=new WeakMap,r=new WeakMap,b=n,p="Editor","symbol"===(0,A._)(p)&&(p=p.description?"[".concat(p.description,"]"):""),Object.defineProperty(b,"name",{configurable:!0,value:d?"".concat(d," ",p):p}),v="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(y=c[Symbol.metadata])&&void 0!==y?y:null):void 0,o=[C.observable],a=[C.observable],ex(n,null,o,{kind:"accessor",name:"toolList",static:!1,private:!1,access:{has:function(e){return"toolList"in e},get:function(e){return e.toolList},set:function(e,r){e.toolList=r}},metadata:v},s,u),ex(n,null,a,{kind:"accessor",name:"innerValue",static:!1,private:!1,access:{has:function(e){return"innerValue"in e},get:function(e){return e.innerValue},set:function(e,r){e.innerValue=r}},metadata:v},f,u),ex(null,t={value:n},l,{kind:"class",name:n.name,metadata:v},null,i),n=t.value,v&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:v}),Object.defineProperty(n,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Editor"}),ek(n,i),n);F(module.exports,D),F(module.exports,V),F(module.exports,eA); | ||
var e,r,n,t,o,i,u,a,l,c,f,s,b,d,p,v,h,m,g,y,_,w,T=require("react/jsx-runtime"),j=require("@swc/helpers/cjs/_to_consumable_array.cjs"),O=require("@swc/helpers/cjs/_call_super.cjs"),P=require("@swc/helpers/cjs/_class_call_check.cjs"),k=require("@swc/helpers/cjs/_inherits.cjs"),x=require("edkit"),C=require("@swc/helpers/cjs/_create_class.cjs"),L=require("@swc/helpers/cjs/_type_of.cjs"),E=require("mobx"),S=require("mobx-react"),V=require("react");function F(e,r){return Object.keys(r).forEach(function(n){!("default"===n||"__esModule"===n||Object.prototype.hasOwnProperty.call(e,n))&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return r[n]}})}),e}function q(e,r,n,t){Object.defineProperty(e,r,{get:n,set:t,enumerable:!0,configurable:!0})}var D={};function N(e){var r=this,n=this.title,t=this.active,o=this.icon,i=this.usable;return(0,T.jsx)("button",{type:"button",title:n,className:"btn btn-".concat((t?"":"outline-")+"secondary"," me-2 mb-2"),style:{cursor:i?"pointer":"not-allowed"},disabled:!i,onClick:function(n){n.preventDefault(),e.current&&r.execute(e.current)},children:(0,T.jsx)("i",{className:"bi-".concat(o)})},o)}q(D,"renderTool",function(){return N});var A={};q(A,"TextTools",function(){return eT}),q(A,"ColorTools",function(){return ej}),q(A,"LayoutTools",function(){return eO}),q(A,"MediaTools",function(){return eP}),q(A,"ControlTools",function(){return ek}),q(A,"ExtraTools",function(){return ex}),q(A,"OriginalTools",function(){return eC}),q(A,"DefaultTools",function(){return eL});var H={};q(H,"BoldTool",function(){return I}),q(H,"ItalicTool",function(){return U}),q(H,"UnderlineTool",function(){return z}),q(H,"StrikeThroughTool",function(){return M}),q(H,"H1Tool",function(){return R}),q(H,"H2Tool",function(){return B}),q(H,"H3Tool",function(){return W}),q(H,"FontSizeDownTool",function(){return G}),q(H,"FontSizeUpTool",function(){return J}),q(H,"SubscriptTool",function(){return K}),q(H,"SuperscriptTool",function(){return Q}),q(H,"LinkTool",function(){return X});var I=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-bold"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.BoldTool),U=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-italic"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.ItalicTool),z=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-underline"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.UnderlineTool),M=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-strikethrough"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.StrikeThroughTool),R=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-h1"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.H1Tool),B=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-h2"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.H2Tool),W=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"type-h3"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.H3Tool),G=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"sort-alpha-down"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.FontSizeDownTool),J=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"sort-alpha-up"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.FontSizeUpTool),K=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"box-arrow-down-right"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.SubscriptTool),Q=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"box-arrow-up-right"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.SuperscriptTool),X=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"link"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.LinkTool),Y={};q(Y,"ColorSelector",function(){return Z}),q(Y,"renderColorTool",function(){return $}),q(Y,"ForeColorTool",function(){return ee}),q(Y,"BackColorTool",function(){return er});var Z=function(e){var r=e.className,n=e.title,t=e.type,o=e.value,i=e.onChange,u=e.icon;return(0,T.jsxs)("span",{className:"d-inline-block align-middle position-relative ".concat(void 0===r?"":r),title:n,children:[(0,T.jsx)("input",{className:"position-absolute w-100 h-100 start-0 top-0 z-n1 rounded-3",type:"color",value:o,onChange:function(e){var r=e.target.value;return null==i?void 0:i(r)}}),(0,T.jsx)("button",{className:"btn",style:{color:"color"===t?o:"lightgray",backgroundColor:"color"===t?"white":o,borderColor:o},onClick:function(e){e.preventDefault(),e.currentTarget.previousElementSibling.click()},children:(0,T.jsx)("i",{className:"bi-".concat(u)})})]})};function $(e){var r=this,n=this.icon,t=this.name,o=this.colorName;return(0,T.jsx)(Z,{className:"me-2 mb-2",title:t,icon:n,type:o,value:this.getColor(),onChange:function(n){return e.current&&r.execute(e.current,n)}},n)}var ee=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"file-earmark-font"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:$}),e}return(0,k._)(r,e),r}(x.ForeColorTool),er=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"file-earmark-font-fill"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:$}),e}return(0,k._)(r,e),r}(x.BackColorTool),en={};q(en,"AlignLeftTool",function(){return et}),q(en,"AlignCenterTool",function(){return eo}),q(en,"AlignRightTool",function(){return ei}),q(en,"AlignFullTool",function(){return eu}),q(en,"OrderedListTool",function(){return ea}),q(en,"UnorderedListTool",function(){return el}),q(en,"HorizontalRuleTool",function(){return ec});var et=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"text-left"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.AlignLeftTool),eo=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"text-center"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.AlignCenterTool),ei=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"text-right"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.AlignRightTool),eu=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"justify"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.AlignFullTool),ea=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"list-ol"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.OrderedListTool),el=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"list-ul"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.UnorderedListTool),ec=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"reception-0"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.HorizontalRuleTool),ef={};q(ef,"IFrameTool",function(){return es}),q(ef,"ImageTool",function(){return eb}),q(ef,"AudioTool",function(){return ed}),q(ef,"VideoTool",function(){return ep});var es=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"window"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.IFrameTool),eb=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"image"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.ImageTool),ed=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"voicemail"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.AudioTool),ep=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"camera-video"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.VideoTool),ev={};q(ev,"UndoTool",function(){return eh}),q(ev,"RedoTool",function(){return em}),q(ev,"ResetTool",function(){return eg}),q(ev,"ClearTool",function(){return ey});var eh=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"arrow-counterclockwise"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.UndoTool),em=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"arrow-clockwise"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.RedoTool),eg=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"eraser"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.ResetTool),ey=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"file-earmark-x"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.ClearTool),e_={};q(e_,"CopyMarkdownTool",function(){return ew});var ew=function(e){function r(){var e;return(0,P._)(this,r),e=(0,O._)(this,r,arguments),Object.defineProperty(e,"icon",{enumerable:!0,configurable:!0,writable:!0,value:"markdown"}),Object.defineProperty(e,"render",{enumerable:!0,configurable:!0,writable:!0,value:N}),e}return(0,k._)(r,e),r}(x.CopyMarkdownTool),eT=[I,U,z,M,R,B,W,G,J,K,Q,X],ej=[ee,er],eO=[et,eo,ei,eu,ea,el,ec],eP=[es,eb,ed,ep],ek=[eh,em,eg,ey],ex=[ew],eC=(0,j._)(eT).concat((0,j._)(ej),(0,j._)(eO),(0,j._)(eP),(0,j._)(ek)),eL=[I,U,z,M,R,B,W,K,Q,ee,er,et,eo,ei,eu,ea,el,ec,eb,eh,em,ey];F(A,H),F(A,Y),F(A,en),F(A,ef),F(A,ev),F(A,e_);var eE={};q(eE,"Editor",function(){return eD});var eS=function(e,r,n){for(var t=arguments.length>2,o=0;o<r.length;o++)n=t?r[o].call(e,n):r[o].call(e);return t?n:void 0},eV=function(e,r,n,t,o,i){function u(e){if(void 0!==e&&"function"!=typeof e)throw TypeError("Function expected");return e}for(var a,l=t.kind,c="getter"===l?"get":"setter"===l?"set":"value",f=!r&&e?t.static?e:e.prototype:null,s=r||(f?Object.getOwnPropertyDescriptor(f,t.name):{}),b=!1,d=n.length-1;d>=0;d--){var p={};for(var v in t)p[v]="access"===v?{}:t[v];for(var v in t.access)p.access[v]=t.access[v];p.addInitializer=function(e){if(b)throw TypeError("Cannot add initializers after decoration has completed");i.push(u(e||null))};var h=(0,n[d])("accessor"===l?{get:s.get,set:s.set}:s[c],p);if("accessor"===l){if(void 0===h)continue;if(null===h||(void 0===h?"undefined":(0,L._)(h))!=="object")throw TypeError("Object expected");(a=u(h.get))&&(s.get=a),(a=u(h.set))&&(s.set=a),(a=u(h.init))&&o.unshift(a)}else(a=u(h))&&("field"===l?o.unshift(a):s[c]=a)}f&&Object.defineProperty(f,t.name,s),b=!0},eF=function(e,r,n,t){if("a"===n&&!t)throw TypeError("Private accessor was defined without a getter");if("function"==typeof r?e!==r||!t:!r.has(e))throw TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?t:"a"===n?t.call(e):t?t.value:r.get(e)},eq=function(e,r,n,t,o){if("m"===t)throw TypeError("Private method is not writable");if("a"===t&&!o)throw TypeError("Private accessor was defined without a setter");if("function"==typeof r?e!==r||!o:!r.has(e))throw TypeError("Cannot write private member to an object whose class did not declare it");return"a"===t?o.call(e,n):o?o.value=n:r.set(e,n),n},eD=(c=[S.observer,x.editor],f=[],s=V.Component,b=[],d=[],p=[],v=[],h=[],t=function(n){function t(){var n;return(0,P._)(this,t),n=(0,O._)(this,t,arguments),Object.defineProperty(n,"box",{enumerable:!0,configurable:!0,writable:!0,value:(eS(n,b),(0,V.createRef)())}),e.set(n,eS(n,d,[])),Object.defineProperty(n,"defaultValue",{enumerable:!0,configurable:!0,writable:!0,value:(eS(n,p),n.props.defaultValue)}),r.set(n,eS(n,v,n.defaultValue)),Object.defineProperty(n,"updateTools",{enumerable:!0,configurable:!0,writable:!0,value:(eS(n,h),function(){n.box.current===document.activeElement&&(n.toolList=(0,j._)(n.toolList))})}),n}return(0,k._)(t,n),(0,C._)(t,[{key:"toolList",get:function(){return eF(this,e,"f")},set:function(r){eq(this,e,r,"f")}},{key:"imageTool",get:function(){return this.toolList.find(function(e){return e instanceof x.ImageTool})}},{key:"audioTool",get:function(){return this.toolList.find(function(e){return e instanceof ed})}},{key:"videoTool",get:function(){return this.toolList.find(function(e){return e instanceof ep})}},{key:"innerValue",get:function(){return eF(this,r,"f")},set:function(e){eq(this,r,e,"f")}},{key:"componentDidMount",value:function(){this.bootTools(),document.addEventListener("selectionchange",this.updateTools)}},{key:"componentDidUpdate",value:function(e){e.tools!==this.props.tools&&this.bootTools()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("selectionchange",this.updateTools)}},{key:"bootTools",value:function(){var e=this.props.tools;this.toolList=(void 0===e?eL:e).map(function(e){return new e})}},{key:"updateValue",value:function(e){var r,n;this.innerValue=e=e.trim(),null===(n=(r=this.props).onChange)||void 0===n||n.call(r,e)}},{key:"render",value:function(){var e=this,r=this.toolList,n=this.defaultValue,t=this.innerValue,o=this.props.name;return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)("header",{children:r.map(function(r){return r.render(e.box)})}),(0,T.jsx)("div",{ref:this.box,className:"form-control h-auto",contentEditable:!0,dangerouslySetInnerHTML:{__html:n},onInput:function(r){var n=r.currentTarget.innerHTML;return e.updateValue(n)},onPaste:this.handlePasteDrop,onDrop:this.handlePasteDrop}),(0,T.jsx)("input",{type:"hidden",name:o,value:t})]})}}]),t}(s),e=new WeakMap,r=new WeakMap,g=t,y="Editor","symbol"===(0,L._)(y)&&(y=y.description?"[".concat(y.description,"]"):""),Object.defineProperty(g,"name",{configurable:!0,value:y}),w="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(_=s[Symbol.metadata])&&void 0!==_?_:null):void 0,o=[E.observable],i=[E.computed],u=[E.computed],a=[E.computed],l=[E.observable],eV(t,null,o,{kind:"accessor",name:"toolList",static:!1,private:!1,access:{has:function(e){return"toolList"in e},get:function(e){return e.toolList},set:function(e,r){e.toolList=r}},metadata:w},d,p),eV(t,null,i,{kind:"getter",name:"imageTool",static:!1,private:!1,access:{has:function(e){return"imageTool"in e},get:function(e){return e.imageTool}},metadata:w},null,b),eV(t,null,u,{kind:"getter",name:"audioTool",static:!1,private:!1,access:{has:function(e){return"audioTool"in e},get:function(e){return e.audioTool}},metadata:w},null,b),eV(t,null,a,{kind:"getter",name:"videoTool",static:!1,private:!1,access:{has:function(e){return"videoTool"in e},get:function(e){return e.videoTool}},metadata:w},null,b),eV(t,null,l,{kind:"accessor",name:"innerValue",static:!1,private:!1,access:{has:function(e){return"innerValue"in e},get:function(e){return e.innerValue},set:function(e,r){e.innerValue=r}},metadata:w},v,h),eV(null,n={value:t},c,{kind:"class",name:t.name,metadata:w},null,f),t=n.value,w&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:w}),Object.defineProperty(t,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Editor"}),eS(t,f),t);F(module.exports,D),F(module.exports,A),F(module.exports,eE); | ||
//# sourceMappingURL=index.js.map |
{ | ||
"name": "react-bootstrap-editor", | ||
"version": "2.0.0", | ||
"version": "2.0.5", | ||
"license": "LGPL-3.0", | ||
@@ -26,7 +26,7 @@ "author": "shiy2008@gmail.com", | ||
"dependencies": { | ||
"@swc/helpers": "^0.5.3", | ||
"edkit": "^1.0.2", | ||
"mobx": ">=6.12", | ||
"mobx-react": ">=9.1", | ||
"web-utility": "^4.1.3" | ||
"@swc/helpers": "^0.5.15", | ||
"edkit": "^1.2.1", | ||
"mobx": "^6.13.6", | ||
"mobx-react": "^9.2.0", | ||
"web-utility": "^4.4.3" | ||
}, | ||
@@ -38,13 +38,13 @@ "peerDependencies": { | ||
"devDependencies": { | ||
"@parcel/config-default": "~2.11.0", | ||
"@parcel/packager-ts": "~2.11.0", | ||
"@parcel/transformer-typescript-tsc": "~2.11.0", | ||
"@parcel/transformer-typescript-types": "~2.11.0", | ||
"@types/react": "^18.2.48", | ||
"@types/react-dom": "^18.2.18", | ||
"parcel": "~2.11.0", | ||
"@parcel/config-default": "~2.13.3", | ||
"@parcel/packager-ts": "~2.13.3", | ||
"@parcel/transformer-typescript-tsc": "~2.13.3", | ||
"@parcel/transformer-typescript-types": "~2.13.3", | ||
"@types/react": "^19.0.10", | ||
"@types/react-dom": "^19.0.4", | ||
"parcel": "~2.13.3", | ||
"process": "^0.11.10", | ||
"react": "^18.2.0", | ||
"react-dom": "^18.2.0", | ||
"typescript": "~5.3.3" | ||
"react": "^19.0.0", | ||
"react-dom": "^19.0.0", | ||
"typescript": "~5.8.2" | ||
}, | ||
@@ -58,6 +58,8 @@ "browserslist": "> 0.5%, last 2 versions, not dead, IE 11", | ||
"scripts": { | ||
"start": "cd test/ && parcel index.html --open", | ||
"build": "rm -rf dist/ && parcel build", | ||
"prepublishOnly": "npm run build" | ||
"clean": "rm -rf .parcel-cache/ dist/", | ||
"start": "npm run clean && cd test/ && parcel index.html --open", | ||
"pack-demo": "rm -rf .parcel-cache/ test/dist/ && cd test/ && parcel build index.html --public-url .", | ||
"build": "npm run clean && parcel build", | ||
"prepublishOnly": "npm run build && npm run pack-demo" | ||
} | ||
} |
@@ -11,3 +11,3 @@ # React Bootstrap editor | ||
https://idea2app.github.io/React-MobX-Bootstrap-ts/#/component | ||
https://idea2app.github.io/Edkit/React/ | ||
@@ -56,3 +56,3 @@ ## Tools | ||
rel="stylesheet" | ||
href="https://unpkg.com/bootstrap@5.3.2/dist/css/bootstrap.min.css" | ||
href="https://unpkg.com/bootstrap@5.3.3/dist/css/bootstrap.min.css" | ||
/> | ||
@@ -59,0 +59,0 @@ <link |
export * from './Tool'; | ||
export * from './tools'; | ||
export * from './Editor'; |
@@ -0,0 +0,0 @@ import { |
@@ -27,2 +27,3 @@ import { | ||
import { UndoTool, RedoTool, ResetTool, ClearTool } from './Control'; | ||
import { CopyMarkdownTool } from './Extra'; | ||
@@ -34,2 +35,3 @@ export * from './Text'; | ||
export * from './Control'; | ||
export * from './Extra'; | ||
@@ -62,2 +64,3 @@ export const TextTools = [ | ||
export const ControlTools = [UndoTool, RedoTool, ResetTool, ClearTool]; | ||
export const ExtraTools = [CopyMarkdownTool]; | ||
@@ -64,0 +67,0 @@ export const OriginalTools = [ |
@@ -0,0 +0,0 @@ import { |
@@ -0,0 +0,0 @@ import { |
@@ -0,0 +0,0 @@ import { |
@@ -11,2 +11,3 @@ { | ||
"lib": ["ES2023", "DOM", "DOM.Iterable"], | ||
"skipLibCheck": true, | ||
"declaration": true, | ||
@@ -13,0 +14,0 @@ "outDir": "dist/" |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Unpublished package
Supply chain riskPackage version was not found on the registry. It may exist on a different registry and need to be configured to pull from that registry.
Found 1 instance in 1 package
Deprecated
MaintenanceThe maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.
Found 1 instance in 1 package
Unpopular package
QualityThis package is not very popular.
Found 1 instance in 1 package
17
6.25%0
-100%0
-100%139649
-22.71%692
-9.31%1
Infinity%Updated
Updated
Updated
Updated
Updated