amis/examples/components/DocSearch.jsx
2020-07-28 10:03:53 +08:00

48 lines
1.0 KiB
JavaScript

import React from 'react';
import makeSchemaRenderer from './SchemaRender';
const FormComponent = makeSchemaRenderer({
type: 'form',
mode: 'inline',
wrapWithPanel: false,
className: ':Doc-search',
controls: [
{
type: 'input-group',
size: 'sm',
controls: [
{
type: 'icon',
addOnclassName: 'no-bg no-border p-r-none p-l',
className: 'text-sm',
icon: 'search',
vendor: 'iconfont'
},
{
type: 'text',
placeholder: '搜索...',
inputClassName: 'no-border',
name: 'docsearch'
}
]
}
]
});
export default class DocSearch extends React.Component {
componentDidMount() {
const inputSelector = 'input[name="docsearch"]';
docsearch({
appId: '3W0NHYOWPE',
apiKey: '469f5cf3d54f9b86127970f913dc0725',
indexName: 'gh_pages',
inputSelector,
debug: false
});
}
render() {
return <FormComponent showCode={false} theme={this.props.theme} />;
}
}