\\n
\\n ), []);\\n \\n return (\\n \\n }/>\\n
\\n {props.menuItem}\\n \\n {/* tabs */}\\n
\\n {/* content */}\\n \\n {(template ? template : []).map((item, index) => {\\n return (\\n {item.group}\\n
);\\n })}\\n \\n {(((template ? template : [])[groupIndex] ? (template ? template : [])[groupIndex] : {}).children ? (template ? template : [])[groupIndex].children : []).map((item, index) => ( onTemplateClick(item)}\\n >\\n
))}\\n \\n );\\n};\\n\\nfunction Template() {\\n const ref = useRef();\\n\\n const setTemplate = useCallback((content) => {\\n const element = ref.current;\\n if (!element) {\\n return;\\n }\\n element.setContentWhileSaveTool(content);\\n element.focusEditor();\\n }, [ref]);\\n\\n const renderTemplate = useCallback((skill = {}, e) => {\\n if (skill.value === 'writing') {\\n return {item.icon}
\\n {item.title}
\\n {item.desc}
\\n \\n {references.map((item, index) => {\\n const { type, name, detail, key, ...rest } = item;\\n return (
;\\n }, []);\\n \\n return (\\n \\n \\n {React.cloneElement(refTypeToIconMap.get(type), { className: 'item-left item-icon' })}\\n {\\n const newReferences = [...references];\\n newReferences.splice(index, 1);\\n setReference(newReferences);\\n }}/>\\n \\n \\n {name}\\n {type === 'branch' && {detail}}\\n \\n
);\\n })}\\n {attachments.map((item, index) => {\\n const isImage = isImageType(item);\\n const { uid, name, url, size, percent, status } = item;\\n return (\\n \\n {isImage ? 
: {\\n ref.current && ref.current.deleteUploadFile(item);\\n }}/>\\n \\n {name}\\n
\\n );\\n })}\\n \\n {item.icon}\\n {item.name}\\n {item.path}\\n
\\n );\\n };\\n render() {\\n const { level, filterOptions, selectedIndex } = this.state;\\n return (\\n \\n {filterOptions.length ? (filterOptions.map(\\n (item, index ) => (\\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events\\n {\\n if (level === 1) {\\n if (typeof item === 'string') {\\n this.setState({ level: 2, options: TestAction[item] });\\n this.props.editor.commands.focus();\\n }\\n } else {\\n if (typeof item !== 'string') {\\n this.selectItem(index);\\n }\\n }\\n }}\\n onMouseEnter={() => {\\n this.setState({ selectedIndex: index });\\n }}\\n >\\n {typeof item === 'string' ? {item} : this.renderItem(item)}\\n {level === 1 &&
\\n ),\\n )) : No result
}\\n \\n );\\n }\\n}\\n\\nfunction getAttachmentType(item = {}) {\\n const { type, name = '', fileInstance = {} } = item;\\n if (type) {\\n return type;\\n }\\n const suffix = name.split('.').pop();\\n if (suffix) {\\n return suffix;\\n } else if (fileInstance.type && fileInstance.type) {\\n const temp = fileInstance.type.split('/').pop();\\n if (temp) {\\n return temp;\\n }\\n }\\n return 'UNKNOWN';\\n}\\n\\nfunction isImageType(item = {}) {\\n const PIC_PREFIX = 'image/';\\n const PIC_SUFFIX_ARRAY = ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp'];\\n const { name = '', fileInstance = {} } = item;\\n const suffix = name.split('.').pop();\\n let result = false;\\n const { type = '' } = fileInstance;\\n if (type.startsWith(PIC_PREFIX)) {\\n result = true;\\n } else if (PIC_SUFFIX_ARRAY.includes(suffix)) {\\n result = true;\\n }\\n return result;\\n}\\n\\nconst refTypeToIconMap = new Map([\\n ['file', \\n {/* Order: reference, rich text area content, attachments */}\\n {showContent.map((item, index) => {\\n const { type, value, name, key, detail, ...rest } = item;\\n return (\\n
;\\n }, []);\\n const onContentChange = useCallback((content) => {\\n console.log('onContentChange', content);\\n }, []);\\n const transformer = useMemo(() => {\\n return new Map([\\n ['referSlot', (obj) => {\\n const { attrs = {} } = obj;\\n const { value, info, type = 'text', uniqueKey } = attrs;\\n return {\\n type: type, \\n value: value,\\n uniqueKey: uniqueKey,\\n ...JSON.parse(info),\\n };\\n }],\\n ]);\\n }, []);\\n return (\\n <>\\n \\n \\n {React.cloneElement(refTypeToIconMap.get(type), { className: 'item-left item-icon' })}\\n {\\n if (ref.current && ref.current.deleteContent) {\\n ref.current.deleteContent(item);\\n }\\n }}/>\\n \\n \\n {name ? name : value}\\n {type === 'branch' && {detail}}\\n \\n
\\n );\\n })}\\n {references.map((item, index) => {\\n const { type, name, detail, key, ...rest } = item;\\n return (\\n \\n \\n {React.cloneElement(refTypeToIconMap.get(type), { className: 'item-left item-icon' })}\\n {\\n const newReferences = [...references];\\n newReferences.splice(index, 1);\\n setReference(newReferences);\\n }}/>\\n \\n \\n {name}\\n {type === 'branch' && {detail}}\\n \\n
\\n );\\n })}\\n {attachments.map((item, index) => {\\n const isImage = isImageType(item);\\n const realType = getAttachmentType(item);\\n const { uid, name, url, size, percent, status } = item;\\n return (\\n \\n \\n {isImage ? : {\\n if (ref.current && ref.current.deleteUploadFile) {\\n ref.current.deleteUploadFile(item);\\n }\\n }}/>\\n \\n {name}\\n
\\n );\\n })}\\n