jjb-lc-designable
Version:
基于alibaba-designable源码二次封装的表单设计器。
48 lines • 1.9 kB
JavaScript
import React from 'react';
import { useTree, usePrefix } from '../../hooks';
import { observer } from 'jjb-lc-formily/reactive-react';
import { IconWidget } from '../IconWidget';
import './styles.less';
export const EmptyWidget = observer(props => {
const tree = useTree();
const prefix = usePrefix('empty');
const renderEmpty = () => {
return /*#__PURE__*/React.createElement("div", {
style: {
display: 'flex',
flexDirection: 'column'
}
}, /*#__PURE__*/React.createElement("div", {
className: "animations"
}, /*#__PURE__*/React.createElement(IconWidget, {
infer: props.dragTipsDirection === 'left' ? 'DragLeftSourceAnimation' : 'DragRightSourceAnimation',
size: 240
}), /*#__PURE__*/React.createElement(IconWidget, {
infer: "BatchDragAnimation",
size: 240
})), /*#__PURE__*/React.createElement("div", {
className: "hotkeys-list"
}, /*#__PURE__*/React.createElement("div", null, "Selection ", /*#__PURE__*/React.createElement(IconWidget, {
infer: "Command"
}), " + Click /", ' ', /*#__PURE__*/React.createElement(IconWidget, {
infer: "Shift"
}), " + Click /", ' ', /*#__PURE__*/React.createElement(IconWidget, {
infer: "Command"
}), " + A"), /*#__PURE__*/React.createElement("div", null, "Copy ", /*#__PURE__*/React.createElement(IconWidget, {
infer: "Command"
}), " + C / Paste", ' ', /*#__PURE__*/React.createElement(IconWidget, {
infer: "Command"
}), " + V"), /*#__PURE__*/React.createElement("div", null, "Delete ", /*#__PURE__*/React.createElement(IconWidget, {
infer: "Delete"
}))));
};
if (!tree?.children?.length) {
return /*#__PURE__*/React.createElement("div", {
className: prefix
}, props.children ? props.children : renderEmpty());
}
return null;
});
EmptyWidget.defaultProps = {
dragTipsDirection: 'left'
};