@orca-fe/pocket
Version:
UI components by orca-team
74 lines • 2.18 kB
JavaScript
import React from 'react';
import { ContextMenu } from "../..";
import { CopyOutlined, FileExcelOutlined, FileOutlined, FileWordOutlined, FileZipOutlined, FolderOutlined, PlusCircleOutlined, ScissorOutlined, SettingOutlined } from '@ant-design/icons';
import { message } from 'antd';
import 'antd/es/message/style';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var menuData = [{
key: 'cut',
text: '剪切',
icon: /*#__PURE__*/_jsx(ScissorOutlined, {}),
extra: 'Ctrl+X'
}, {
key: 'copy',
text: '复制',
icon: /*#__PURE__*/_jsx(CopyOutlined, {}),
extra: 'Ctrl+C'
}, {
key: 'paste',
text: '粘贴',
disabled: true,
extra: 'Ctrl+V'
}, 'split-line', {
key: 'new',
text: '新建',
icon: /*#__PURE__*/_jsx(PlusCircleOutlined, {}),
children: [{
key: 'directory',
text: '文件夹',
icon: /*#__PURE__*/_jsx(FolderOutlined, {})
}, 'split-line', {
key: 'text',
text: '文本文件',
icon: /*#__PURE__*/_jsx(FileOutlined, {})
}, {
key: 'doc',
text: 'doc文档',
icon: /*#__PURE__*/_jsx(FileWordOutlined, {})
}, {
key: 'xls',
text: '表格',
icon: /*#__PURE__*/_jsx(FileExcelOutlined, {})
}, {
key: 'zip',
text: '压缩文件',
icon: /*#__PURE__*/_jsx(FileZipOutlined, {})
}]
}, 'split-line', {
key: 'setting',
text: '设置',
icon: /*#__PURE__*/_jsx(SettingOutlined, {})
}, {
key: 'attr',
text: '属性'
}];
var Demo = () => /*#__PURE__*/_jsx(ContextMenu, {
data: menuData,
onMenuClick: menu => {
message.info(`您点击了：${String(menu.text)}`);
},
children: /*#__PURE__*/_jsxs("div", {
style: {
border: '1px solid #CCCCCC'
},
children: [/*#__PURE__*/_jsx("p", {
children: "\u8FD9\u662F\u4E00\u4E2A\u81EA\u5B9A\u4E49\u83DC\u5355\u7EC4\u4EF6"
}), /*#__PURE__*/_jsx("p", {
children: "\u5C06\u8BE5\u7EC4\u4EF6\u4F5C\u4E3A\u5BB9\u5668\u5305\u88F9\u4F4F\u4F60\u9700\u8981\u81EA\u5B9A\u4E49\u83DC\u5355\u7684\u8303\u56F4"
}), /*#__PURE__*/_jsx("h1", {
children: "\u5355\u51FB\u53F3\u952E\uFF0C\u5F39\u51FA\u81EA\u5B9A\u4E49\u83DC\u5355"
})]
})
});
export default Demo;