29 lines
1.0 KiB
TypeScript
29 lines
1.0 KiB
TypeScript
|
import React from 'react';
|
||
|
|
import { IFieldEditor, FieldEditorProps } from '@esengine/editor-core';
|
||
|
|
import { AssetField } from '../../components/inspectors/fields/AssetField';
|
||
|
|
|
||
|
|
export class AssetFieldEditor implements IFieldEditor<string | null> {
|
||
|
|
readonly type = 'asset';
|
||
|
|
readonly name = 'Asset Field Editor';
|
||
|
|
readonly priority = 100;
|
||
|
|
|
||
|
|
canHandle(fieldType: string): boolean {
|
||
|
|
return fieldType === 'asset' || fieldType === 'assetReference' || fieldType === 'resourcePath';
|
||
|
|
}
|
||
|
|
|
||
|
|
render({ label, value, onChange, context }: FieldEditorProps<string | null>): React.ReactElement {
|
||
|
|
const fileExtension = context.metadata?.fileExtension || '';
|
||
|
|
const placeholder = context.metadata?.placeholder || '拖拽或选择资源文件';
|
||
|
|
|
||
|
|
return (
|
||
|
|
<AssetField
|
||
|
|
label={label}
|
||
|
|
value={value}
|
||
|
|
onChange={onChange}
|
||
|
|
fileExtension={fileExtension}
|
||
|
|
placeholder={placeholder}
|
||
|
|
readonly={context.readonly}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|