| 1 |
- {"version":3,"file":"index.js","sources":["../../src/components/Editor/BraftEditor/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport classnames from \"classnames\";\nimport BraftEditor, { ControlType, EditorState } from \"braft-editor\";\nimport styles from \"./index.less\";\nimport \"braft-editor/dist/index.css\";\n\n// 引入表情包扩展模块样式文件\nimport \"braft-extensions/dist/emoticon.css\";\n// 引入表情包扩展模块和默认表情包列表\nimport Emoticon, { defaultEmoticons } from \"braft-extensions/dist/emoticon\";\nimport MaxLength from \"braft-extensions/dist/max-length\";\n\nconst lengthOptions = {\n defaultValue: 100 // 指定默认限制数，如不指定则为Infinity(无限)\n // includeEditors: ['editor-id-1'], // 指定该模块对哪些BraftEditor生效，不传此属性则对所有BraftEditor有效\n // excludeEditors: ['editor-id-2'], // 指定该模块对哪些BraftEditor无效\n};\nBraftEditor.use(MaxLength(lengthOptions));\n\n// 转换默认表情包列表，让webpack可以正确加载到默认表情包中的图片，请确保已对png格式的文件配置了loader\n// 如果你使用的webpack版本不支持动态require，或者使用的其他打包工具，请勿使用此写法\nconst emoticons = defaultEmoticons.map((item: string) =>\n require(`braft-extensions/dist/assets/${item}`)\n);\n\n// 也可以使用自己的表情包资源，不受打包工具限制\n// const emoticons = ['http://path/to/emoticon-1.png', 'http://path/to/emoticon-2.png', 'http://path/to/emoticon-3.png', 'http://path/to/emoticon-4.png', ...]\n\nconst emotionOptions = {\n // includeEditors: ['editor-id-1'], // 指定该模块对哪些BraftEditor生效，不传此属性则对所有BraftEditor有效\n // excludeEditors: ['editor-id-2'], // 指定该模块对哪些BraftEditor无效\n emoticons: emoticons, // 指定可用表情图片列表，默认为空\n closeOnBlur: true, // 指定是否在点击表情选择器之外的地方时关闭表情选择器，默认false\n closeOnSelect: false // 指定是否在选择表情后关闭表情选择器，默认false\n};\n\nBraftEditor.use(Emoticon(emotionOptions));\n\nexport interface BaseEditorProps {\n value: EditorState;\n onChange: (editorState: EditorState) => void;\n contentStyle?: React.CSSProperties;\n controls?: ControlType[];\n \n blockRenderMap?: any;\n blockRendererFn?: any;\n onDelete?: Function;\n onSave?: Function;\n onTab?: Function;\n onFocus?: Function;\n onBlur?: Function;\n draftProps?: any;\n placeholder?: string;\n converts?: any;\n}\n\nexport const BarftEditorPage = ({\n value,\n onChange,\n controls,\n contentStyle = {},\n draftProps,\n placeholder,\n blockRenderMap,\n blockRendererFn,\n onDelete,\n onSave,\n onTab,\n onFocus,\n onBlur,\n converts,\n}: BaseEditorProps) => {\n const optionsControls = controls\n ? controls\n : [\n \"bold\",\n \"italic\",\n \"underline\",\n \"separator\",\n \"link\",\n \"emoji\",\n \"separator\",\n \"media\"\n ];\n const options: any = {\n controls: optionsControls,\n showControlsBar:\n optionsControls && optionsControls.length > 0,\n };\n\n const [focusState, setFocusState] = useState(false);\n\n return (\n <div className={styles.baseWrapper}>\n <BraftEditor\n value={value}\n onChange={onChange}\n controls={options.controls}\n controlBarClassName={classnames(styles.controlBar, {\n [styles.focus]: focusState\n })}\n controlBarStyle={options.showControlsBar ? {} : { display: \"none\" }}\n contentClassName={classnames(styles.editorContent, {\n [styles.focus]: focusState,\n })}\n contentStyle={contentStyle}\n onFocus={() => setFocusState(true)}\n onBlur={() => setFocusState(false)}\n hooks={{\n \"toggle-link\": ({ href, target }) => {\n href = href.indexOf(\"http\") === 0 ? href : `http://${href}`;\n return { href, target };\n }\n }}\n {...{\n blockRenderMap,\n blockRendererFn,\n converts,\n placeholder,\n draftProps,\n onDelete,\n onSave,\n onTab,\n onFocus,\n onBlur,\n }}\n />\n </div>\n );\n};\n\nexport default BarftEditorPage;\n"],"names":["lengthOptions","defaultValue","BraftEditor","use","MaxLength","emoticons","defaultEmoticons","map","item","require","emotionOptions","closeOnBlur","closeOnSelect","Emoticon","BarftEditorPage","value","onChange","controls","contentStyle","draftProps","placeholder","blockRenderMap","blockRendererFn","onDelete","onSave","onTab","onFocus","onBlur","converts","optionsControls","options","showControlsBar","length","useState","focusState","setFocusState","React","createElement","className","styles","baseWrapper","Object","assign","controlBarClassName","classnames","controlBar","focus","controlBarStyle","display","contentClassName","editorContent","hooks","href","target","indexOf"],"mappings":"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"}
|
