/* * << * Davinci * == * Copyright (C) 2016 - 2017 EDP * == * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * >> */ import React, { useMemo, useCallback } from 'react' import { Dropdown, Menu, Icon } from 'antd' import { useSlate } from 'slate-react' const MenuItem = Menu.Item interface IFieldProps { mapFields: object fieldBoundaries: [string, string] } const Field: React.FC = (props) => { const editor = useSlate() const { mapFields, fieldBoundaries } = props const selectField = useCallback((name: string) => { const [prefix, suffix] = fieldBoundaries editor.insertNode({ text: `${prefix}${name}${suffix}` }) }, []) const menuField = useMemo( () => Object.keys(mapFields).length ? ( {Object.keys(mapFields).map((fieldName) => ( ))} ) : ( 暂无可用字段 ), [mapFields] ) return ( ) } interface IFieldItemProps { name: string onSelect: (name: string) => void } const FieldItem: React.FC = (props) => { const { name, onSelect } = props const select = useCallback(() => { onSelect(name) }, [name, onSelect]) return ( {name} ) } export default Field