@orca-fe/pocket/lib/context-menu/demo/Demo1.js

UI components by orca-team

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
require("antd/lib/message/style");
var _message2 = _interopRequireDefault(require("antd/lib/message"));
var _react = _interopRequireDefault(require("react"));
var _ = require("../..");
var _icons = require("@ant-design/icons");
require("antd/es/message/style");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var menuData = [{
  key: 'cut',
  text: '剪切',
  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ScissorOutlined, {}),
  extra: 'Ctrl+X'
}, {
  key: 'copy',
  text: '复制',
  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CopyOutlined, {}),
  extra: 'Ctrl+C'
}, {
  key: 'paste',
  text: '粘贴',
  disabled: true,
  extra: 'Ctrl+V'
}, 'split-line', {
  key: 'new',
  text: '新建',
  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlusCircleOutlined, {}),
  children: [{
    key: 'directory',
    text: '文件夹',
    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FolderOutlined, {})
  }, 'split-line', {
    key: 'text',
    text: '文本文件',
    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FileOutlined, {})
  }, {
    key: 'doc',
    text: 'doc文档',
    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FileWordOutlined, {})
  }, {
    key: 'xls',
    text: '表格',
    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FileExcelOutlined, {})
  }, {
    key: 'zip',
    text: '压缩文件',
    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FileZipOutlined, {})
  }]
}, 'split-line', {
  key: 'setting',
  text: '设置',
  icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SettingOutlined, {})
}, {
  key: 'attr',
  text: '属性'
}];
var Demo = function Demo() {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ContextMenu, {
    data: menuData,
    onMenuClick: function onMenuClick(menu) {
      _message2.default.info("\u60A8\u70B9\u51FB\u4E86\uFF1A".concat(String(menu.text)));
    },
    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
      style: {
        border: '1px solid #CCCCCC'
      },
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
        children: "\u8FD9\u662F\u4E00\u4E2A\u81EA\u5B9A\u4E49\u83DC\u5355\u7EC4\u4EF6"
      }), /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)("h1", {
        children: "\u5355\u51FB\u53F3\u952E\uFF0C\u5F39\u51FA\u81EA\u5B9A\u4E49\u83DC\u5355"
      })]
    })
  });
};
var _default = exports.default = Demo;