@funcho/ui 1.1.18 → 1.1.19

package/dist/cjs/components/ContextMenu/ContextMenu.vue.js

@@ -14,7 +14,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: {
     options: { default: () => [] }
   },
-  setup(__props, { expose: __expose }) {
+  emits: ["command"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     const position = vue.ref({
       top: 0,
       left: 0,
@@ -24,14 +25,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const triggerRef = vue.ref({
       getBoundingClientRect: () => position.value
     });
+    const emits = __emit;
+    const handleCommand = (command) => {
+      emits("command", command, ...activeArgs.value);
+    };
     const elRef = vue.ref();
-    const show = (event) => {
+    const activeArgs = vue.ref([]);
+    const show = (event, ...args) => {
       position.value = DOMRect.fromRect({
         x: event.clientX,
         y: event.clientY
       });
       event.preventDefault();
       elRef.value?.handleOpen();
+      activeArgs.value = args;
     };
     __expose(
       new Proxy(
@@ -58,7 +65,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         },
         "virtual-triggering": "",
         trigger: "contextmenu",
-        placement: "bottom-start"
+        placement: "bottom-start",
+        onCommand: handleCommand
       }, {
         dropdown: vue.withCtx(() => [
           vue.createVNode(vue.unref(index.ElDropdownMenu), null, {

package/dist/cjs/packages/ui/package.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const version = "1.1.18";
+const version = "1.1.19";
 
 exports.version = version;

package/dist/esm/components/ContextMenu/ContextMenu.vue.mjs

@@ -10,7 +10,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     options: { default: () => [] }
   },
-  setup(__props, { expose: __expose }) {
+  emits: ["command"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     const position = ref({
       top: 0,
       left: 0,
@@ -20,14 +21,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const triggerRef = ref({
       getBoundingClientRect: () => position.value
     });
+    const emits = __emit;
+    const handleCommand = (command) => {
+      emits("command", command, ...activeArgs.value);
+    };
     const elRef = ref();
-    const show = (event) => {
+    const activeArgs = ref([]);
+    const show = (event, ...args) => {
       position.value = DOMRect.fromRect({
         x: event.clientX,
         y: event.clientY
       });
       event.preventDefault();
       elRef.value?.handleOpen();
+      activeArgs.value = args;
     };
     __expose(
       new Proxy(
@@ -54,7 +61,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         },
         "virtual-triggering": "",
         trigger: "contextmenu",
-        placement: "bottom-start"
+        placement: "bottom-start",
+        onCommand: handleCommand
       }, {
         dropdown: withCtx(() => [
           createVNode(unref(ElDropdownMenu), null, {

package/dist/esm/packages/ui/package.json.mjs

@@ -1,3 +1,3 @@
-const version = "1.1.18";
+const version = "1.1.19";
 
 export { version };

package/dist/types/components/ContextMenu/ContextMenu.vue.d.ts

@@ -580,7 +580,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     $route: import('vue-router').TypesConfig extends Record<"$route", infer T> ? T : import('vue-router').RouteLocationNormalizedLoaded;
     $router: import('vue-router').TypesConfig extends Record<"$router", infer T> ? T : import('vue-router').Router;
     show: (event: MouseEvent) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    command: (...args: any[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCommand?: ((...args: any[]) => any) | undefined;
+}>, {
     options: FcContextMenuOption[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     elRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{

package/dist/types/components/ContextMenu/index.d.ts

@@ -1,7 +1,9 @@
 export declare const FcContextMenu: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         options?: import('./ContextMenu.vue').FcContextMenuOption[];
-    }> & Readonly<{}>, {
+    }> & Readonly<{
+        onCommand?: ((...args: any[]) => any) | undefined;
+    }>, {
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -575,7 +577,9 @@ export declare const FcContextMenu: {
         $route: import('vue-router').TypesConfig extends Record<"$route", infer T> ? T : import('vue-router').RouteLocationNormalizedLoaded;
         $router: import('vue-router').TypesConfig extends Record<"$router", infer T> ? T : import('vue-router').Router;
         show: (event: MouseEvent) => void;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        command: (...args: any[]) => any;
+    }, import('vue').PublicProps, {
         options: import('./ContextMenu.vue').FcContextMenuOption[];
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         elRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
@@ -1047,7 +1051,9 @@ export declare const FcContextMenu: {
         Defaults: {};
     }, Readonly<{
         options?: import('./ContextMenu.vue').FcContextMenuOption[];
-    }> & Readonly<{}>, {
+    }> & Readonly<{
+        onCommand?: ((...args: any[]) => any) | undefined;
+    }>, {
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{
@@ -1629,7 +1635,9 @@ export declare const FcContextMenu: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
     options?: import('./ContextMenu.vue').FcContextMenuOption[];
-}> & Readonly<{}>, {
+}> & Readonly<{
+    onCommand?: ((...args: any[]) => any) | undefined;
+}>, {
     $: import('vue').ComponentInternalInstance;
     $data: {};
     $props: Partial<{
@@ -2203,7 +2211,9 @@ export declare const FcContextMenu: {
     $route: import('vue-router').TypesConfig extends Record<"$route", infer T> ? T : import('vue-router').RouteLocationNormalizedLoaded;
     $router: import('vue-router').TypesConfig extends Record<"$router", infer T> ? T : import('vue-router').Router;
     show: (event: MouseEvent) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    command: (...args: any[]) => any;
+}, string, {
     options: import('./ContextMenu.vue').FcContextMenuOption[];
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
 export default FcContextMenu;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@funcho/ui",
   "description": "@funcho ui library",
-  "version": "1.1.18",
+  "version": "1.1.19",
   "type": "module",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.mjs",