관리-도구

편집 파일: media.js

import { LabelControl } from './label';
import { MediaUpload } from '@wordpress/block-editor';

export const MediaControl = (props) => {
	
	const { attributes, prop, value, setAttributes} = props;
	const { name } = prop['c'];
	const tmpAtts = attributes?.tmpAtts ?  attributes.tmpAtts : {};
	
	const setURL = pagelayer_empty(tmpAtts[name+'-url']) ? value : tmpAtts[name+'-url'];
	
	var mediaSting = 'Media';
	var allow = [];
	var propType = prop?.type;
	
	if(propType == 'video'){
		allow = ['video'];
		mediaSting = 'Video';
	}else if(propType == 'audio'){
		allow = ['audio'];
		mediaSting = 'Audio';
	}
		
	const handleMediaChange = (e) => {
		const newURL = e.target.value;
		
		const tmp = {
			...tmpAtts,
			[name+'-url']: newURL,
		};
		
		setAttributes({
			[name]: newURL,
			tmpAtts: tmp,
		})
	};

return (
		<div className="components-base-control pagelayer-base-control">
			<LabelControl {...props}/>
			<MediaUpload
				title={`Select or Upload ${mediaSting}`}
				onSelect={ onSelectMedia }
				allowedTypes={ allow }
				value={ value }
				render={ ( { open } ) => renderMediaUploader( open ) }
			/>
		</div>
	);	
}