add contextmenu comp

Author: huangshuwei

Diff for: components.json

@@ -2,6 +2,7 @@
 {
 "ve-checkbox":"./packages/ve-checkbox/index.js",
 "ve-checkbox-group":"./packages/ve-checkbox-group/index.js",
+"ve-contextmenu":"./packages/ve-contextmenu/index.js",
 "ve-dropdown":"./packages/ve-dropdown/index.js",
 "ve-icon":"./packages/ve-icon/index.js",
 "ve-loading":"./packages/ve-loading/index.js",

Diff for: packages/index.js

@@ -2,6 +2,7 @@
 
 import VeCheckbox from './ve-checkbox';
 import VeCheckboxGroup from './ve-checkbox-group';
+import VeContextmenu from './ve-contextmenu';
 import VeDropdown from './ve-dropdown';
 import VeIcon from './ve-icon';
 import VeLoading from './ve-loading';
@@ -16,6 +17,7 @@ const version = '2.12.3';
 const components = [
   VeCheckbox,
   VeCheckboxGroup,
+  VeContextmenu,
   VeDropdown,
   VeIcon,
   VeLoading,
@@ -45,6 +47,7 @@ export {
   version,
   VeCheckbox,
   VeCheckboxGroup,
+  VeContextmenu,
   VeDropdown,
   VeIcon,
   VeLoading,
@@ -60,6 +63,7 @@ export default {
   version,
   VeCheckbox,
   VeCheckboxGroup,
+  VeContextmenu,
   VeDropdown,
   VeIcon,
   VeLoading,

Diff for: packages/style/ve-contextmenu.less

@@ -0,0 +1,2 @@
+.ve-contextmenu {
+}

Diff for: packages/theme-dark/index.less

@@ -1,6 +1,7 @@
 // This file is auto gererated by build/build-entry.js
         @import "./base.less";
   @import "./ve-checkbox.less";
+  @import "./ve-contextmenu.less";
   @import "./ve-dropdown.less";
   @import "./ve-icon.less";
   @import "./ve-loading.less";

Diff for: packages/theme-dark/ve-contextmenu.less

@@ -0,0 +1,2 @@
+@import "./var.less";
+@import "../style/ve-contextmenu.less";

Diff for: packages/theme-default/index.less

@@ -1,6 +1,7 @@
 // This file is auto gererated by build/build-entry.js
         @import "./base.less";
   @import "./ve-checkbox.less";
+  @import "./ve-contextmenu.less";
   @import "./ve-dropdown.less";
   @import "./ve-icon.less";
   @import "./ve-loading.less";

Diff for: packages/theme-default/ve-contextmenu.less

@@ -0,0 +1,2 @@
+@import "./var.less";
+@import "../style/ve-contextmenu.less";

Diff for: packages/ve-contextmenu/src/index.jsx

@@ -0,0 +1,25 @@
+import { COMPS_NAME } from "./util/constant";
+import { clsName } from "./util/index";
+
+export default {
+    name: COMPS_NAME.VE_CONTEXTMENU,
+    props: {},
+    data() {
+        return {};
+    },
+
+    render() {
+        return (
+            <div class="ve-contextmenu">
+                <div class="ve-contextmenu-pannel">
+                    <div>1abc</div>
+                    <div>2abc</div>
+                </div>
+                <div class="ve-contextmenu-pannel">
+                    <div>11abc</div>
+                    <div>22abc</div>
+                </div>
+            </div>
+        );
+    },
+};

Diff for: packages/ve-contextmenu/src/util/index.js

@@ -0,0 +1,10 @@
+import { PREFIX_CLS } from "./constant";
+
+/*
+ * @clsName
+ * @desc  get class name
+ * @param {string} cls - class
+ */
+export function clsName(cls) {
+    return PREFIX_CLS + cls;
+}