cosey 0.5.1 → 0.5.2

package/components/context-menu/context-menu-item.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     title: {
         type: StringConstructor;
     };
-}>, import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (event: MouseEvent) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     command: {};

package/components/context-menu/context-menu-item.js

@@ -51,7 +51,7 @@ var stdin_default = defineComponent({
     const onLeave = () => {
       leave();
     };
-    return createVNode(Fragment, null, [props.divided && createVNode(stdin_default$1, null, null), createVNode(stdin_default$2, mergeProps(attrs, {
+    return () => createVNode(Fragment, null, [props.divided && createVNode(stdin_default$1, null, null), createVNode(stdin_default$2, mergeProps(attrs, {
       "icon": props.icon,
       "with-icon": withIcon.value,
       "title": props.title,

package/components/context-menu/context-menu.js

@@ -94,6 +94,7 @@ var stdin_default = defineComponent({
       close();
     };
     const onContextMenu = event => {
+      console.log("onContextMenu");
       if (props.disabled) {
         return;
       }
@@ -119,13 +120,13 @@ var stdin_default = defineComponent({
     return () => {
       let _slot;
       return createVNode(Fragment, null, [slots.reference && createVNode(_OnlyChild, {
-        "onContextmenu": onContextMenu
+        onContextmenu: onContextMenu
       }, _isSlot(_slot = slots.reference({})) ? _slot : {
         default: () => [_slot]
       }), createVNode(Transition, {
         "name": "co-fade-out"
       }, {
-        default: () => [visible.value && createVNode(Teleport, {
+        default: () => [visible.value ? createVNode(Teleport, {
           "to": "body"
         }, {
           default: () => [createVNode("div", null, [createVNode("div", {
@@ -143,7 +144,7 @@ var stdin_default = defineComponent({
             "style": menuStyle.value,
             "onContextmenu": onMenuContextMenu
           }, [slots.default?.({})]), [[resolveDirective("bind"), "$attrs"]])])]
-        })]
+        }) : null]
       })]);
     };
   }

package/components/context-menu/index.d.ts

@@ -18,7 +18,7 @@ declare const _ContextMenuItem: {
         };
     }>> & Readonly<{
         onClick?: ((event: MouseEvent) => any) | undefined;
-    }>, import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (event: MouseEvent) => boolean;
     }, import("vue").PublicProps, {
         disabled: boolean;
@@ -46,7 +46,7 @@ declare const _ContextMenuItem: {
         };
     }>> & Readonly<{
         onClick?: ((event: MouseEvent) => any) | undefined;
-    }>, import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         disabled: boolean;
         divided: boolean;
     }>;
@@ -69,7 +69,7 @@ declare const _ContextMenuItem: {
     };
 }>> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
-}>, import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (event: MouseEvent) => boolean;
 }, string, {
     disabled: boolean;

package/components/only-child/index.d.ts

@@ -1,31 +1,21 @@
 declare const _OnlyChild: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
-        onContextmenu?: ((event: MouseEvent) => any) | undefined;
-    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        contextmenu: (event: MouseEvent) => MouseEvent;
-    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{}> & Readonly<{
-        onContextmenu?: ((event: MouseEvent) => any) | undefined;
-    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }, Readonly<{}> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{
-    onContextmenu?: ((event: MouseEvent) => any) | undefined;
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    contextmenu: (event: MouseEvent) => MouseEvent;
-}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
 export { _OnlyChild as OnlyChild };
 export default _OnlyChild;

package/components/only-child/only-child.d.ts

@@ -1,9 +1,5 @@
 import { type VNode } from 'vue';
 declare const _default: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    contextmenu: (event: MouseEvent) => MouseEvent;
-}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
-    onContextmenu?: ((event: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/only-child/only-child.js

@@ -3,9 +3,6 @@ import { isObject } from '../../utils/is.js';
 
 var stdin_default = defineComponent({
   name: "CoOnlyChild",
-  emits: {
-    contextmenu: event => event || true
-  },
   setup(_, {
     slots,
     attrs

package/components/remote-select/remote-select.js

@@ -10,11 +10,13 @@ import { useComponentConfig, useConfig } from '../config-provider/config-provide
 import { useFetch } from '../../hooks/useFetch.js';
 import { createLoading, filterEmptyFormValue } from '../../utils/components.js';
 import { uniqid } from '../../utils/string.js';
+import { bulkBindEvents } from '../../utils/vue.js';
 import { isObject, isFunction } from '../../utils/is.js';
 import { useProps } from '../../hooks/useProps.js';
 
 var stdin_default = defineComponent({
   name: "CoRemoteSelect",
+  inheritAttrs: false,
   props: remoteSelectProps,
   slots: remoteSelectSlots,
   emits: remoteSelectEmits,
@@ -123,8 +125,9 @@ var stdin_default = defineComponent({
       getKey
     } = useProps(props);
     const popperId = uniqid();
+    const events = bulkBindEvents(remoteSelectEmits, emit);
     return () => {
-      return createVNode(ElSelect, mergeProps(attrs, props, {
+      return createVNode(ElSelect, mergeProps(attrs, props, events, {
         "class": `${hashId.value} ${prefixCls.value}`,
         "popper-class": `${hashId.value} ${prefixCls.value}-popper ${popperId}`,
         "onVisible-change": onVisibleChange

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosey",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "基于 Vue3 + vite 的后台管理系统框架",
   "type": "module",
   "main": "index.js",

package/utils/index.js

@@ -11,7 +11,7 @@ export { minmax } from './number.js';
 export { deepAssign, initObject, omitObject, omitUndefined, uniformAssign } from './object.js';
 export { getBasename, getExtname } from './path.js';
 export { uniqid, uuid } from './string.js';
-export { Scope, addNullablePlaceholder, createMergedExpose, defineTemplate, getVNodeText } from './vue.js';
+export { Scope, addNullablePlaceholder, bulkBindEvents, createMergedExpose, defineTemplate, getVNodeText } from './vue.js';
 export { note, noteOnce, resetWarned, warning, warningOnce } from './warning.js';
 export { findCSSNode, insertCSS, removeCSS, updateCSS, updateCSSByStyle } from './dynamicCSS.js';
 export { sleep } from './sleep.js';

package/utils/vue.d.ts

@@ -25,3 +25,11 @@ export declare function addNullablePlaceholder<T = unknown>(value: T, converter?
  * 获取 VNode 中的文本
  */
 export declare function getVNodeText(vnode: unknown): string;
+/**
+ * 批量绑定事件
+ *
+ * 用于高级组件中，因声明了事件使 attrs 不包含事件而未能绑定事件的场景。
+ */
+export declare function bulkBindEvents(emits: Record<string, any>, emit: (...args: any[]) => any): {
+    [k: string]: (...args: any[]) => any;
+};

package/utils/vue.js

@@ -1,5 +1,6 @@
 import { defineComponent, createVNode } from 'vue';
 import { isObject, isPlainObject, isFunction } from './is.js';
+import { upperFirst } from 'lodash-es';
 
 function defineTemplate(callback) {
   return {
@@ -56,5 +57,12 @@ function getVNodeText(vnode) {
   }
   return "";
 }
+function bulkBindEvents(emits, emit) {
+  return Object.fromEntries(
+    Object.keys(emits).map((name) => {
+      return [`on${upperFirst(name)}`, (...args) => emit(name, ...args)];
+    })
+  );
+}
 
-export { Scope, addNullablePlaceholder, createMergedExpose, defineTemplate, getVNodeText };
+export { Scope, addNullablePlaceholder, bulkBindEvents, createMergedExpose, defineTemplate, getVNodeText };