cosey 0.2.17 → 0.2.19

package/components/index.js

@@ -76,7 +76,7 @@ export { defaultBreakpoints, defaultRowProps, generateAlgorithms, rowColumns, ro
 export { snugMenuContextSymbol } from './snug-menu/snug-menu.js';
 export { getFocusVisibleStyle, getLineClampStyle, getTruncateStyle } from './style/mixins.js';
 export { contrarotation, rotation, rotation45, spinner } from './style/animation.js';
-export { defaultTableConfig, elSlotsName, omittedTableProps, tableExposeKeys, tableProps } from './table/table.js';
+export { defaultTableConfig, elSlotsName, omittedTableProps, tableEmitEvents, tableEmitOnEvents, tableEmitOnProps, tableExposeKeys, tableProps } from './table/table.js';
 export { useTable } from './table/useTable.js';
 export { defaultTableActionProps } from './table-action/table-action.js';
 export { StyleCache, StyleProvider } from './theme/StyleContext.js';

package/components/table/index.d.ts

@@ -262,26 +262,7 @@ declare const _Table: {
             default: boolean;
         };
         preserveExpandedContent: BooleanConstructor;
-    }>> & Readonly<{
-        "onSelect-all"?: ((...args: any[]) => any) | undefined;
-        onSelect?: ((...args: any[]) => any) | undefined;
-        "onCurrent-change"?: ((...args: any[]) => any) | undefined;
-        "onExpand-change"?: ((...args: any[]) => any) | undefined;
-        "onSelection-change"?: ((...args: any[]) => any) | undefined;
-        "onCell-mouse-enter"?: ((...args: any[]) => any) | undefined;
-        "onCell-mouse-leave"?: ((...args: any[]) => any) | undefined;
-        "onCell-contextmenu"?: ((...args: any[]) => any) | undefined;
-        "onCell-click"?: ((...args: any[]) => any) | undefined;
-        "onCell-dblclick"?: ((...args: any[]) => any) | undefined;
-        "onRow-click"?: ((...args: any[]) => any) | undefined;
-        "onRow-contextmenu"?: ((...args: any[]) => any) | undefined;
-        "onRow-dblclick"?: ((...args: any[]) => any) | undefined;
-        "onHeader-click"?: ((...args: any[]) => any) | undefined;
-        "onHeader-contextmenu"?: ((...args: any[]) => any) | undefined;
-        "onSort-change"?: ((...args: any[]) => any) | undefined;
-        "onFilter-change"?: ((...args: any[]) => any) | undefined;
-        "onHeader-dragend"?: ((...args: any[]) => any) | undefined;
-    }>, {
+    }>> & Readonly<{}>, {
         reload: () => void;
         expandAll: () => void;
         collapseAll: () => void;
@@ -312,26 +293,7 @@ declare const _Table: {
         setScrollLeft: (left?: number) => void;
         columns: import("element-plus").TableColumnCtx<any>[];
         updateKeyChildren: (key: string, data: any[]) => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        "select-all": (...args: any[]) => any;
-        select: (...args: any[]) => any;
-        "current-change": (...args: any[]) => any;
-        "expand-change": (...args: any[]) => any;
-        "selection-change": (...args: any[]) => any;
-        "cell-mouse-enter": (...args: any[]) => any;
-        "cell-mouse-leave": (...args: any[]) => any;
-        "cell-contextmenu": (...args: any[]) => any;
-        "cell-click": (...args: any[]) => any;
-        "cell-dblclick": (...args: any[]) => any;
-        "row-click": (...args: any[]) => any;
-        "row-contextmenu": (...args: any[]) => any;
-        "row-dblclick": (...args: any[]) => any;
-        "header-click": (...args: any[]) => any;
-        "header-contextmenu": (...args: any[]) => any;
-        "sort-change": (...args: any[]) => any;
-        "filter-change": (...args: any[]) => any;
-        "header-dragend": (...args: any[]) => any;
-    }, import("vue").PublicProps, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         tableLayout: "auto" | "fixed";
         border: boolean;
         columns: import("./table-column/table-column").TableColumnProps[];
@@ -623,26 +585,7 @@ declare const _Table: {
             default: boolean;
         };
         preserveExpandedContent: BooleanConstructor;
-    }>> & Readonly<{
-        "onSelect-all"?: ((...args: any[]) => any) | undefined;
-        onSelect?: ((...args: any[]) => any) | undefined;
-        "onCurrent-change"?: ((...args: any[]) => any) | undefined;
-        "onExpand-change"?: ((...args: any[]) => any) | undefined;
-        "onSelection-change"?: ((...args: any[]) => any) | undefined;
-        "onCell-mouse-enter"?: ((...args: any[]) => any) | undefined;
-        "onCell-mouse-leave"?: ((...args: any[]) => any) | undefined;
-        "onCell-contextmenu"?: ((...args: any[]) => any) | undefined;
-        "onCell-click"?: ((...args: any[]) => any) | undefined;
-        "onCell-dblclick"?: ((...args: any[]) => any) | undefined;
-        "onRow-click"?: ((...args: any[]) => any) | undefined;
-        "onRow-contextmenu"?: ((...args: any[]) => any) | undefined;
-        "onRow-dblclick"?: ((...args: any[]) => any) | undefined;
-        "onHeader-click"?: ((...args: any[]) => any) | undefined;
-        "onHeader-contextmenu"?: ((...args: any[]) => any) | undefined;
-        "onSort-change"?: ((...args: any[]) => any) | undefined;
-        "onFilter-change"?: ((...args: any[]) => any) | undefined;
-        "onHeader-dragend"?: ((...args: any[]) => any) | undefined;
-    }>, {
+    }>> & Readonly<{}>, {
         reload: () => void;
         expandAll: () => void;
         collapseAll: () => void;
@@ -823,26 +766,7 @@ declare const _Table: {
         default: boolean;
     };
     preserveExpandedContent: BooleanConstructor;
-}>> & Readonly<{
-    "onSelect-all"?: ((...args: any[]) => any) | undefined;
-    onSelect?: ((...args: any[]) => any) | undefined;
-    "onCurrent-change"?: ((...args: any[]) => any) | undefined;
-    "onExpand-change"?: ((...args: any[]) => any) | undefined;
-    "onSelection-change"?: ((...args: any[]) => any) | undefined;
-    "onCell-mouse-enter"?: ((...args: any[]) => any) | undefined;
-    "onCell-mouse-leave"?: ((...args: any[]) => any) | undefined;
-    "onCell-contextmenu"?: ((...args: any[]) => any) | undefined;
-    "onCell-click"?: ((...args: any[]) => any) | undefined;
-    "onCell-dblclick"?: ((...args: any[]) => any) | undefined;
-    "onRow-click"?: ((...args: any[]) => any) | undefined;
-    "onRow-contextmenu"?: ((...args: any[]) => any) | undefined;
-    "onRow-dblclick"?: ((...args: any[]) => any) | undefined;
-    "onHeader-click"?: ((...args: any[]) => any) | undefined;
-    "onHeader-contextmenu"?: ((...args: any[]) => any) | undefined;
-    "onSort-change"?: ((...args: any[]) => any) | undefined;
-    "onFilter-change"?: ((...args: any[]) => any) | undefined;
-    "onHeader-dragend"?: ((...args: any[]) => any) | undefined;
-}>, {
+}>> & Readonly<{}>, {
     reload: () => void;
     expandAll: () => void;
     collapseAll: () => void;
@@ -873,26 +797,7 @@ declare const _Table: {
     setScrollLeft: (left?: number) => void;
     columns: import("element-plus").TableColumnCtx<any>[];
     updateKeyChildren: (key: string, data: any[]) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "select-all": (...args: any[]) => any;
-    select: (...args: any[]) => any;
-    "current-change": (...args: any[]) => any;
-    "expand-change": (...args: any[]) => any;
-    "selection-change": (...args: any[]) => any;
-    "cell-mouse-enter": (...args: any[]) => any;
-    "cell-mouse-leave": (...args: any[]) => any;
-    "cell-contextmenu": (...args: any[]) => any;
-    "cell-click": (...args: any[]) => any;
-    "cell-dblclick": (...args: any[]) => any;
-    "row-click": (...args: any[]) => any;
-    "row-contextmenu": (...args: any[]) => any;
-    "row-dblclick": (...args: any[]) => any;
-    "header-click": (...args: any[]) => any;
-    "header-contextmenu": (...args: any[]) => any;
-    "sort-change": (...args: any[]) => any;
-    "filter-change": (...args: any[]) => any;
-    "header-dragend": (...args: any[]) => any;
-}, string, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     tableLayout: "auto" | "fixed";
     border: boolean;
     columns: import("./table-column/table-column").TableColumnProps[];

package/components/table/index.js

@@ -1,6 +1,6 @@
 import { withInstall } from '../utils.js';
 import stdin_default$1 from './table.vue.js';
-export { defaultTableConfig, elSlotsName, omittedTableProps, tableExposeKeys, tableProps } from './table.js';
+export { defaultTableConfig, elSlotsName, omittedTableProps, tableEmitEvents, tableEmitOnEvents, tableEmitOnProps, tableExposeKeys, tableProps } from './table.js';
 export { useTable } from './useTable.js';
 
 const _Table = withInstall(stdin_default$1);

package/components/table/table-column/table-column.vue.js

@@ -75,21 +75,25 @@ const TableColumn = defineComponent({
       }
       return result;
     });
+    const renderLabel = () => createVNode("span", {
+      "class": `${prefixCls.value}-label`
+    }, [mergedProps.value.label]);
+    const renderTooltip = () => createVNode(Fragment, null, [createVNode(ElTooltip, {
+      "content": mergedProps.value.tooltip,
+      "placement": "top"
+    }, {
+      default: () => [createVNode(stdin_default$2, {
+        "name": "carbon:help",
+        "style": {
+          marginInlineStart: token.value.marginXXS + "px"
+        }
+      }, null)]
+    })]);
     return () => mergedProps.value.hidden ? null : createVNode(ElTableColumn, mergedProps.value, {
       ...slots.value,
-      header: slots.value.header || (mergedProps.value.tooltip ? () => createVNode(Fragment, null, [createVNode("span", {
-        "class": `${prefixCls.value}-label`
-      }, [mergedProps.value.label]), createVNode(ElTooltip, {
-        "content": mergedProps.value.tooltip,
-        "placement": "top"
-      }, {
-        default: () => [createVNode(stdin_default$2, {
-          "name": "carbon:help",
-          "style": {
-            marginInlineStart: token.value.marginXXS + "px"
-          }
-        }, null)]
-      })]) : void 0),
+      header: slots.value.header && mergedProps.value.tooltip ? (...args) => {
+        return [slots.value.header(...args), renderTooltip()];
+      } : slots.value.header || (mergedProps.value.tooltip ? () => [renderLabel(), renderTooltip()] : void 0),
       default: slotProps => mergedProps.value.columns ? mergedProps.value.columns.map(column => createVNode(TableColumn, column, null)) : slots.value.default?.(slotProps)
     });
   }

package/components/table/table.d.ts

@@ -10,6 +10,11 @@ export interface ToolbarConfig {
     fullScreen?: boolean;
     setting?: boolean;
 }
+export declare const tableEmitEvents: string[];
+export declare const tableEmitOnEvents: string[][];
+export declare const tableEmitOnProps: Record<string, {
+    type: (...args: any[]) => any;
+}>;
 export declare const tableProps: {
     api: {
         type: PropType<(...args: any[]) => Promise<any>>;
@@ -143,8 +148,6 @@ export interface TableSlots {
     'toolbar-right'?: (props: Record<string, never>) => any;
 }
 export declare const elSlotsName: readonly ["default", "append", "empty"];
-type TableEmitEvents = 'select-all' | 'expand-change' | 'current-change' | 'select' | 'selection-change' | 'cell-mouse-enter' | 'cell-mouse-leave' | 'cell-contextmenu' | 'cell-click' | 'cell-dblclick' | 'row-click' | 'row-contextmenu' | 'row-dblclick' | 'header-click' | 'header-contextmenu' | 'sort-change' | 'filter-change' | 'header-dragend';
-export type TableEmits = (event: TableEmitEvents, ...args: any[]) => void;
 export interface TableCustomExpose {
     reload: () => void;
     expandAll: () => void;
@@ -224,4 +227,3 @@ export interface TableConfig {
     };
     pagination?: Partial<PaginationProps>;
 }
-export {};

package/components/table/table.js

@@ -1,7 +1,40 @@
 import elTableProps from 'element-plus/es/components/table/src/table/defaults.mjs';
-import { omit } from 'lodash-es';
+import { upperFirst, camelCase, omit } from 'lodash-es';
 import { tableQueryExposeKeys } from './table-query/table-query.js';
 
+const tableEmitEvents = [
+  "select-all",
+  "expand-change",
+  "current-change",
+  "select",
+  "selection-change",
+  "cell-mouse-enter",
+  "cell-mouse-leave",
+  "cell-contextmenu",
+  "cell-click",
+  "cell-dblclick",
+  "row-click",
+  "row-contextmenu",
+  "row-dblclick",
+  "header-click",
+  "header-contextmenu",
+  "sort-change",
+  "filter-change",
+  "header-dragend"
+];
+const tableEmitOnEvents = tableEmitEvents.map((item) => [
+  item,
+  "on" + upperFirst(camelCase(item))
+]);
+const tableEmitOnProps = tableEmitOnEvents.reduce(
+  (obj, [, onName]) => {
+    obj[onName] = {
+      type: Function
+    };
+    return obj;
+  },
+  {}
+);
 const tableExtraProps = {
   api: {
     type: Function
@@ -115,4 +148,4 @@ const defaultTableConfig = {
   }
 };
 
-export { defaultTableConfig, elSlotsName, omittedTableProps, tableExposeKeys, tableProps };
+export { defaultTableConfig, elSlotsName, omittedTableProps, tableEmitEvents, tableEmitOnEvents, tableEmitOnProps, tableExposeKeys, tableProps };

package/components/table/table.vue.d.ts

@@ -155,26 +155,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     setScrollLeft: (left?: number) => void;
     columns: import("element-plus").TableColumnCtx<any>[];
     updateKeyChildren: (key: string, data: any[]) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "select-all": (...args: any[]) => any;
-    select: (...args: any[]) => any;
-    "current-change": (...args: any[]) => any;
-    "expand-change": (...args: any[]) => any;
-    "selection-change": (...args: any[]) => any;
-    "cell-mouse-enter": (...args: any[]) => any;
-    "cell-mouse-leave": (...args: any[]) => any;
-    "cell-contextmenu": (...args: any[]) => any;
-    "cell-click": (...args: any[]) => any;
-    "cell-dblclick": (...args: any[]) => any;
-    "row-click": (...args: any[]) => any;
-    "row-contextmenu": (...args: any[]) => any;
-    "row-dblclick": (...args: any[]) => any;
-    "header-click": (...args: any[]) => any;
-    "header-contextmenu": (...args: any[]) => any;
-    "sort-change": (...args: any[]) => any;
-    "filter-change": (...args: any[]) => any;
-    "header-dragend": (...args: any[]) => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     api: {
         type: import("vue").PropType<(...args: any[]) => Promise<any>>;
     };
@@ -296,26 +277,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
     };
     preserveExpandedContent: BooleanConstructor;
-}>> & Readonly<{
-    "onSelect-all"?: ((...args: any[]) => any) | undefined;
-    onSelect?: ((...args: any[]) => any) | undefined;
-    "onCurrent-change"?: ((...args: any[]) => any) | undefined;
-    "onExpand-change"?: ((...args: any[]) => any) | undefined;
-    "onSelection-change"?: ((...args: any[]) => any) | undefined;
-    "onCell-mouse-enter"?: ((...args: any[]) => any) | undefined;
-    "onCell-mouse-leave"?: ((...args: any[]) => any) | undefined;
-    "onCell-contextmenu"?: ((...args: any[]) => any) | undefined;
-    "onCell-click"?: ((...args: any[]) => any) | undefined;
-    "onCell-dblclick"?: ((...args: any[]) => any) | undefined;
-    "onRow-click"?: ((...args: any[]) => any) | undefined;
-    "onRow-contextmenu"?: ((...args: any[]) => any) | undefined;
-    "onRow-dblclick"?: ((...args: any[]) => any) | undefined;
-    "onHeader-click"?: ((...args: any[]) => any) | undefined;
-    "onHeader-contextmenu"?: ((...args: any[]) => any) | undefined;
-    "onSort-change"?: ((...args: any[]) => any) | undefined;
-    "onFilter-change"?: ((...args: any[]) => any) | undefined;
-    "onHeader-dragend"?: ((...args: any[]) => any) | undefined;
-}>, {
+}>> & Readonly<{}>, {
     tableLayout: "auto" | "fixed";
     border: boolean;
     columns: TableColumnProps[];

package/components/table/table.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, useSlots, unref, computed, ref, useTemplateRef, mergeP
 import { merge, cloneDeep, get } from 'lodash-es';
 import { reactiveComputed, reactiveOmit } from '@vueuse/core';
 import { useZIndex, ElButton } from 'element-plus';
-import { tableProps, defaultTableConfig, elSlotsName, omittedTableProps, tableExposeKeys } from './table.js';
+import { tableEmitEvents, tableProps, tableEmitOnEvents, defaultTableConfig, elSlotsName, omittedTableProps, tableExposeKeys } from './table.js';
 import stdin_default$6 from './table-column/table-column.vue.js';
 import stdin_default$5 from './table-column-editor/table-column-editor.vue.js';
 import stdin_default$2 from './table-query/table-query.vue.js';
@@ -37,11 +37,20 @@ var stdin_default = /* @__PURE__ */defineComponent({
   },
   __name: "table",
   props: tableProps,
+  emits: tableEmitEvents,
   setup(__props, {
-    expose: __expose
+    expose: __expose,
+    emit: __emit
   }) {
     const props = __props;
     const slots = useSlots();
+    const emit = __emit;
+    const eventObject = tableEmitOnEvents.reduce((obj, [name, onName]) => {
+      obj[onName] = (...args) => {
+        emit(name, ...args);
+      };
+      return obj;
+    }, {});
     const {
       t
     } = useLocale();
@@ -81,7 +90,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const elTableProps = computed(() => {
       return mergeProps(reactiveOmit(props, omittedTableProps), {
         onSortChange
-      });
+      }, eventObject);
     });
     const containerStyle = computed(() => {
       return {

package/package.json

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