cosey 0.10.23 → 0.10.24

package/components/index.js

@@ -107,7 +107,7 @@ export { defaultTableConfig, elSlotsName, omittedTableProps, tableEmitEvents, ta
 export { tableColumnProps } from './table/table-column/table-column.api.js';
 export { createScheme, omittedTableQueryProps, tableQueryEmits, tableQueryExposeKeys, tableQueryProps, tableQuerySlots } from './table/table-query/table-query.api.js';
 export { useTable } from './table/useTable.js';
-export { tableActionProps } from './table-action/table-action.api.js';
+export { defaultTableActionProps, tableActionProps } from './table-action/table-action.api.js';
 export { StyleCache, StyleProvider } from './theme/StyleContext.js';
 export { default as compactAlgorithm } from './theme/themes/compact/index.js';
 export { default as darkAlgorithm } from './theme/themes/dark/index.js';

package/components/table-action/index.d.ts

@@ -5,8 +5,13 @@ declare const _TableAction: {
             type: import("vue").PropType<(boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[][]>;
             default: () => never[];
         };
+        divider: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         actions: (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[][];
+        divider: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -19,8 +24,13 @@ declare const _TableAction: {
             type: import("vue").PropType<(boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[][]>;
             default: () => never[];
         };
+        divider: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         actions: (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[][];
+        divider: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -30,8 +40,13 @@ declare const _TableAction: {
         type: import("vue").PropType<(boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[][]>;
         default: () => never[];
     };
+    divider: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     actions: (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | (boolean | import("./item.api").TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[][];
+    divider: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
 export { _TableAction as TableAction };
 export default _TableAction;

package/components/table-action/index.js

@@ -1,6 +1,6 @@
 import { withInstall } from '../utils.js';
 import stdin_default$1 from './table-action.js';
-export { tableActionProps } from './table-action.api.js';
+export { defaultTableActionProps, tableActionProps } from './table-action.api.js';
 
 const _TableAction = withInstall(stdin_default$1);
 var stdin_default = _TableAction;

package/components/table-action/item.api.d.ts

@@ -1,5 +1,12 @@
-import { type ButtonProps, popconfirmProps } from 'element-plus';
-import { type PropType, type ExtractPropTypes } from 'vue';
+import { type ButtonProps, dropdownItemProps, popconfirmProps } from 'element-plus';
+import { type PropType, type ExtractPropTypes, type VNodeChild, ExtractPublicPropTypes } from 'vue';
+export type TableActionDropdownItem = Omit<ExtractPublicPropTypes<typeof dropdownItemProps>, 'icon'> & {
+    visible?: boolean;
+    label?: VNodeChild;
+    icon?: string;
+    appendIcon?: string;
+    onClick?: (event: MouseEvent) => void;
+};
 export interface TableActionItemProps extends Partial<ButtonProps> {
     label?: string;
     popconfirm?: Partial<ExtractPropTypes<typeof popconfirmProps>> & {
@@ -10,6 +17,8 @@ export interface TableActionItemProps extends Partial<ButtonProps> {
     hidden?: boolean;
     visible?: boolean;
     icon?: string;
+    appendIcon?: string;
+    dropdown?: TableActionDropdownItem[];
 }
 export declare const defaultTableActionItemProps: TableActionItemProps;
 export declare const tableActionItemProps: {

package/components/table-action/item.api.js

@@ -1,8 +1,6 @@
 const defaultTableActionItemProps = {
   link: true,
-  type: "primary",
-  hidden: false,
-  visible: true
+  type: "primary"
 };
 const tableActionItemProps = {
   props: {

package/components/table-action/item.d.ts

@@ -3,7 +3,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     props: {
         type: import("vue").PropType<TableActionItemProps>;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     props: {
         type: import("vue").PropType<TableActionItemProps>;
     };

package/components/table-action/item.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, unref, ref, createVNode, Fragment, mergeProps, isVNode } from 'vue';
 import { omit } from 'lodash-es';
-import { ElPopconfirm, ElButton } from 'element-plus';
+import { ElPopconfirm, ElButton, ElDropdown, ElDropdownMenu, ElDropdownItem } from 'element-plus';
 import { tableActionItemProps, defaultTableActionItemProps } from './item.api.js';
 import stdin_default$1 from '../icon/icon.js';
 import { useToken } from '../theme/util/useToken.js';
@@ -32,12 +32,9 @@ var stdin_default = defineComponent({
       };
     });
     const buttonProps = computed(() => {
-      return omit(unref(mergedProps), ["icon", "visible", "hidden", "popconfirm", "label"]);
+      return omit(unref(mergedProps), ["icon", "appendIcon", "visible", "hidden", "popconfirm", "label", "dropdown"]);
     });
     const loading = ref(false);
-    const mergedVisible = computed(() => {
-      return unref(mergedProps).hidden ? false : unref(mergedProps).visible;
-    });
     const onConfirm = async (e, confirm) => {
       loading.value = true;
       try {
@@ -50,20 +47,27 @@ var stdin_default = defineComponent({
     const onCancel = (e, cancel) => {
       cancel(e);
     };
+    const renderButton = () => {
+      return createVNode(ElButton, mergeProps(buttonProps.value, {
+        "style": "margin: 0"
+      }), {
+        default: () => [unref(mergedProps).icon && createVNode(stdin_default$1, {
+          "name": unref(mergedProps).icon,
+          "style": {
+            marginInlineEnd: token.value.marginXXS + "px"
+          }
+        }, null), unref(mergedProps).label, unref(mergedProps).appendIcon && createVNode(stdin_default$1, {
+          "name": unref(mergedProps).appendIcon,
+          "style": {
+            marginInlineStart: token.value.marginXXS + "px"
+          }
+        }, null)]
+      });
+    };
     return () => {
-      if (!mergedVisible.value) return;
       if (unref(mergedProps).popconfirm) {
         return createVNode(ElPopconfirm, unref(mergedProps).popconfirm, {
-          reference: () => createVNode(ElButton, mergeProps(buttonProps.value, {
-            "style": "margin: 0"
-          }), {
-            default: () => [unref(mergedProps).icon && createVNode(stdin_default$1, {
-              "name": unref(mergedProps).icon,
-              "style": {
-                marginInlineEnd: token.value.marginXXS + "px"
-              }
-            }, null), unref(mergedProps).label]
-          }),
+          reference: () => renderButton(),
           actions: ({
             confirm,
             cancel
@@ -85,16 +89,39 @@ var stdin_default = defineComponent({
           }
         });
       }
-      return createVNode(ElButton, mergeProps(buttonProps.value, {
-        "style": "margin: 0"
-      }), {
-        default: () => [unref(mergedProps).icon && createVNode(stdin_default$1, {
-          "name": unref(mergedProps).icon,
-          "style": {
-            marginInlineEnd: token.value.marginXXS + "px"
-          }
-        }, null), unref(mergedProps).label]
-      });
+      if (unref(mergedProps).dropdown && unref(mergedProps).dropdown.length > 0) {
+        return createVNode(ElDropdown, {
+          "trigger": "click"
+        }, {
+          default: () => renderButton(),
+          dropdown: () => createVNode(ElDropdownMenu, null, {
+            default: () => [unref(mergedProps).dropdown?.filter(item => item.visible ?? true).map(({
+              label,
+              icon,
+              appendIcon,
+              onClick,
+              ...rest
+            }) => {
+              return createVNode(ElDropdownItem, mergeProps(omit(rest, ["visible", "onClick"]), {
+                "onClick": onClick
+              }), {
+                default: () => [icon && createVNode(stdin_default$1, {
+                  "name": icon,
+                  "style": {
+                    marginInlineEnd: token.value.marginXXS + "px"
+                  }
+                }, null), label, appendIcon && createVNode(stdin_default$1, {
+                  "name": appendIcon,
+                  "style": {
+                    marginInlineStart: token.value.marginXXS + "px"
+                  }
+                }, null)]
+              });
+            })]
+          })
+        });
+      }
+      return renderButton();
     };
   }
 });

package/components/table-action/table-action.api.d.ts

@@ -1,4 +1,4 @@
-import { type ExtractPropTypes, type PropType } from 'vue';
+import { type ExtractPublicPropTypes, type PropType } from 'vue';
 import { type TableActionItemProps } from './item.api';
 type TableActionItemAtom = TableActionItemProps | null | undefined | boolean | TableActionItemAtom[];
 export declare const tableActionProps: {
@@ -6,9 +6,15 @@ export declare const tableActionProps: {
         type: PropType<TableActionItemAtom[] | TableActionItemAtom[][]>;
         default: () => never[];
     };
+    divider: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
 };
-export type TableActionProps = ExtractPropTypes<typeof tableActionProps>;
+export type TableActionProps = ExtractPublicPropTypes<typeof tableActionProps>;
 export interface TableActionConfig {
     itemProps?: TableActionItemProps;
+    divider?: boolean;
 }
+export declare const defaultTableActionProps: TableActionProps;
 export {};

package/components/table-action/table-action.api.js

@@ -2,7 +2,14 @@ const tableActionProps = {
   actions: {
     type: Array,
     default: () => []
+  },
+  divider: {
+    type: Boolean,
+    default: void 0
   }
 };
+const defaultTableActionProps = {
+  divider: true
+};
 
-export { tableActionProps };
+export { defaultTableActionProps, tableActionProps };

package/components/table-action/table-action.d.ts

@@ -4,12 +4,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<(boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[][]>;
         default: () => never[];
     };
+    divider: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     actions: {
         type: import("vue").PropType<(boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[][]>;
         default: () => never[];
     };
+    divider: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
     actions: (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | (boolean | TableActionItemProps | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[][];
+    divider: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/table-action/table-action.js

@@ -1,8 +1,10 @@
-import { defineComponent, computed, createVNode } from 'vue';
-import { tableActionProps } from './table-action.api.js';
+import { defineComponent, computed, unref, createVNode, Fragment } from 'vue';
+import { tableActionProps, defaultTableActionProps } from './table-action.api.js';
 import stdin_default$2 from './item.js';
 import stdin_default$1 from './table-action.style.js';
-import { useComponentConfig } from '../config-provider/config-provider.api.js';
+import { ElDivider } from 'element-plus';
+import { defaults } from 'lodash-es';
+import { useComponentConfig, useConfig } from '../config-provider/config-provider.api.js';
 import { isObject } from '../../utils/is.js';
 
 var stdin_default = defineComponent({
@@ -19,18 +21,28 @@ var stdin_default = defineComponent({
     const {
       hashId
     } = stdin_default$1(prefixCls);
+    const {
+      tableAction: tableActionConfig
+    } = useConfig();
+    const mergeProps = computed(() => {
+      return defaults({}, props, unref(tableActionConfig), defaultTableActionProps);
+    });
     return () => {
       return createVNode("div", {
         "class": [hashId.value, prefixCls.value]
       }, [dyadicActions.value.map((actions, rowIndex) => {
         return createVNode("div", {
           "key": rowIndex,
-          "class": `${prefixCls.value}-row`
-        }, [actions.filter(isObject).map((action, actionIndex) => {
-          return createVNode(stdin_default$2, {
+          "class": [`${prefixCls.value}-row`, {
+            "is-divider": mergeProps.value.divider
+          }]
+        }, [actions.filter(item => isObject(item) && (item.hidden ? false : item.visible ?? true)).map((action, actionIndex, arr) => {
+          return createVNode(Fragment, null, [createVNode(stdin_default$2, {
             "key": actionIndex,
             "props": action
-          }, null);
+          }, null), mergeProps.value.divider && actionIndex !== arr.length - 1 && createVNode(ElDivider, {
+            "direction": "vertical"
+          }, null)]);
         })]);
       })]);
     };

package/components/table-action/table-action.style.js

@@ -10,8 +10,12 @@ var stdin_default = getSimpleStyleHook("CoTableAction", (token) => {
       [`${componentCls}-row`]: {
         display: "flex",
         flexWrap: "wrap",
-        columnGap: token.sizeXXS,
-        rowGap: token.sizeXXS
+        alignItems: "center",
+        columnGap: token.sizeXS,
+        rowGap: token.sizeXXS,
+        "&.is-divider": {
+          columnGap: 0
+        }
       }
     }
   };

package/package.json

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