cosey 0.8.2 → 0.9.1

package/components/components.d.ts

@@ -7,6 +7,7 @@ import { ConfigProvider } from './config-provider';
 import { Container } from './container';
 import { ContextMenu, ContextMenuItem, ContextSubMenu } from './context-menu';
 import { Copy } from './copy';
+import { Descriptions } from './descriptions';
 import { DndSort, DndSortItem } from './dnd-sort';
 import { Editor } from './editor';
 import { Field } from './field';
@@ -63,6 +64,7 @@ declare module 'vue' {
         CoContextMenuItem: typeof ContextMenuItem;
         CoContextSubMenu: typeof ContextSubMenu;
         CoCopy: typeof Copy;
+        CoDescriptions: typeof Descriptions;
         CoDndSort: typeof DndSort;
         CoDndSortItem: typeof DndSortItem;
         CoEditor: typeof Editor;
@@ -111,4 +113,4 @@ declare module 'vue' {
         CoWeekRangePicker: typeof WeekRangePicker;
     }
 }
-export { AudioCard, AudioViewer, Card, Close, Col, ConfigProvider, Container, ContextMenu, ContextMenuItem, ContextSubMenu, Copy, DndSort, DndSortItem, Editor, Field, FileCard, Form, FormDialog, FormDrawer, FormGroup, FormItem, FormList, FormQuery, Highlight, HorizontalTree, Icon, IconifyIcon, ImageCard, InputNumberRange, LongText, Mask, MediaCard, MediaCardGroup, MediaViewer, NumberFormat, OnlyChild, OptionalWrapper, Panel, RemoteSelect, Ribbon, Row, ScrollView, SnugMenu, SnugMenuItem, StackDialog, SvgIcon, SvgaCard, SvgaViewer, Table, TableAction, Toggle, Transition, TransitionGroup, Upload, VideoCard, VideoViewer, WeekRangePicker, };
+export { AudioCard, AudioViewer, Card, Close, Col, ConfigProvider, Container, ContextMenu, ContextMenuItem, ContextSubMenu, Copy, Descriptions, DndSort, DndSortItem, Editor, Field, FileCard, Form, FormDialog, FormDrawer, FormGroup, FormItem, FormList, FormQuery, Highlight, HorizontalTree, Icon, IconifyIcon, ImageCard, InputNumberRange, LongText, Mask, MediaCard, MediaCardGroup, MediaViewer, NumberFormat, OnlyChild, OptionalWrapper, Panel, RemoteSelect, Ribbon, Row, ScrollView, SnugMenu, SnugMenuItem, StackDialog, SvgIcon, SvgaCard, SvgaViewer, Table, TableAction, Toggle, Transition, TransitionGroup, Upload, VideoCard, VideoViewer, WeekRangePicker, };

package/components/components.js

@@ -7,6 +7,7 @@ export { ConfigProvider } from './config-provider/index.js';
 export { Container } from './container/index.js';
 export { ContextMenu, ContextMenuItem, ContextSubMenu } from './context-menu/index.js';
 export { Copy } from './copy/index.js';
+export { Descriptions } from './descriptions/index.js';
 export { DndSort, DndSortItem } from './dnd-sort/index.js';
 export { Editor } from './editor/index.js';
 export { Field } from './field/index.js';

package/components/config-provider/config-provider.api.d.ts

@@ -2,6 +2,7 @@ import { type ComputedRef, type ExtractPropTypes, type PropType } from 'vue';
 import { type TableConfig } from '../table';
 import { type ThemeConfig } from '../theme';
 import { type Language } from '../../locale';
+import { type TableActionConfig } from '../table-action';
 export declare const configProviderProps: {
     prefixCls: {
         type: StringConstructor;
@@ -12,6 +13,9 @@ export declare const configProviderProps: {
     table: {
         type: PropType<TableConfig>;
     };
+    tableAction: {
+        type: PropType<TableActionConfig>;
+    };
     locale: {
         type: PropType<Language>;
     };
@@ -21,6 +25,7 @@ export interface ConfigProviderInnerProps {
     getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
     theme?: ComputedRef<ThemeConfig | undefined>;
     table: ComputedRef<TableConfig | undefined>;
+    tableAction: ComputedRef<TableActionConfig | undefined>;
     prefixCls: ComputedRef<string>;
 }
 export declare const defaultPrefixCls = "co";

package/components/config-provider/config-provider.api.js

@@ -10,6 +10,9 @@ const configProviderProps = {
   table: {
     type: Object
   },
+  tableAction: {
+    type: Object
+  },
   locale: {
     type: Object
   }
@@ -22,7 +25,8 @@ const defaultConfigProvider = {
     return suffixCls ? `${defaultPrefixCls}-${suffixCls}` : defaultPrefixCls;
   },
   prefixCls: computed(() => defaultPrefixCls),
-  table: computed(() => void 0)
+  table: computed(() => void 0),
+  tableAction: computed(() => void 0)
 };
 const useConfigProvide = (props) => {
   return provide(configProviderKey, props);

package/components/config-provider/config-provider.d.ts

@@ -8,6 +8,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     table: {
         type: import("vue").PropType<import("..").TableConfig>;
     };
+    tableAction: {
+        type: import("vue").PropType<import("..").TableActionConfig>;
+    };
     locale: {
         type: import("vue").PropType<import("../../locale").Language>;
     };
@@ -21,6 +24,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     table: {
         type: import("vue").PropType<import("..").TableConfig>;
     };
+    tableAction: {
+        type: import("vue").PropType<import("..").TableActionConfig>;
+    };
     locale: {
         type: import("vue").PropType<import("../../locale").Language>;
     };

package/components/config-provider/config-provider.js

@@ -23,11 +23,15 @@ var stdin_default = defineComponent({
     const mergedTable = computed(() => {
       return props.table || unref(parentContext.table);
     });
+    const mergedTableAction = computed(() => {
+      return props.tableAction || unref(parentContext.tableAction);
+    });
     const configProvider = {
       getPrefixCls,
       theme: mergedTheme,
       prefixCls: mergedPrefixCls,
-      table: mergedTable
+      table: mergedTable,
+      tableAction: mergedTableAction
     };
     useConfigProvide(configProvider);
     provide(localeContextKey, computed(() => props.locale));

package/components/config-provider/index.d.ts

@@ -10,6 +10,9 @@ declare const _ConfigProvider: {
         table: {
             type: import("vue").PropType<import("..").TableConfig>;
         };
+        tableAction: {
+            type: import("vue").PropType<import("..").TableActionConfig>;
+        };
         locale: {
             type: import("vue").PropType<import("../../locale").Language>;
         };
@@ -30,6 +33,9 @@ declare const _ConfigProvider: {
         table: {
             type: import("vue").PropType<import("..").TableConfig>;
         };
+        tableAction: {
+            type: import("vue").PropType<import("..").TableActionConfig>;
+        };
         locale: {
             type: import("vue").PropType<import("../../locale").Language>;
         };
@@ -47,6 +53,9 @@ declare const _ConfigProvider: {
     table: {
         type: import("vue").PropType<import("..").TableConfig>;
     };
+    tableAction: {
+        type: import("vue").PropType<import("..").TableActionConfig>;
+    };
     locale: {
         type: import("vue").PropType<import("../../locale").Language>;
     };

package/components/descriptions/descriptions.api.d.ts

@@ -0,0 +1,28 @@
+import type { ExtractPropTypes, PropType, SlotsType } from 'vue';
+export declare const descriptionsProps: {
+    data: {
+        type: PropType<any[][]>;
+        default: () => never[];
+    };
+    labelAlign: {
+        type: PropType<"left" | "center" | "right">;
+        default: string;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    colon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type DescriptionsProps = ExtractPropTypes<typeof descriptionsProps>;
+export interface DescriptionsSlots {
+    default: {};
+}
+export declare const descriptionsSlots: SlotsType<DescriptionsSlots>;
+export declare const descriptionsEmits: {};
+export type DescriptionsEmits = typeof descriptionsEmits;
+export interface DescriptionsExpose {
+}

package/components/descriptions/descriptions.api.js

@@ -0,0 +1,22 @@
+const descriptionsProps = {
+  data: {
+    type: Array,
+    default: () => []
+  },
+  labelAlign: {
+    type: String,
+    default: "right"
+  },
+  border: {
+    type: Boolean,
+    default: false
+  },
+  colon: {
+    type: Boolean,
+    default: true
+  }
+};
+const descriptionsSlots = {};
+const descriptionsEmits = {};
+
+export { descriptionsEmits, descriptionsProps, descriptionsSlots };

package/components/descriptions/descriptions.d.ts

@@ -0,0 +1,41 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<any[][]>;
+        default: () => never[];
+    };
+    labelAlign: {
+        type: import("vue").PropType<"left" | "center" | "right">;
+        default: string;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    colon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<any[][]>;
+        default: () => never[];
+    };
+    labelAlign: {
+        type: import("vue").PropType<"left" | "center" | "right">;
+        default: string;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    colon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    border: boolean;
+    data: any[][];
+    labelAlign: "left" | "right" | "center";
+    colon: boolean;
+}, import("vue").SlotsType<import("./descriptions.api").DescriptionsSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/descriptions/descriptions.js

@@ -0,0 +1,37 @@
+import { defineComponent, createVNode } from 'vue';
+import { descriptionsEmits, descriptionsSlots, descriptionsProps } from './descriptions.api.js';
+import stdin_default$1 from './descriptions.style.js';
+import { useComponentConfig } from '../config-provider/config-provider.api.js';
+
+var stdin_default = defineComponent({
+  name: "CoDescriptions",
+  props: descriptionsProps,
+  slots: descriptionsSlots,
+  emits: descriptionsEmits,
+  setup(props) {
+    const {
+      prefixCls
+    } = useComponentConfig("descriptions", props);
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    return () => {
+      return createVNode("table", {
+        "class": [hashId.value, prefixCls.value, `is-label-${props.labelAlign}`, {
+          "is-bordered": props.border,
+          "has-colon": props.colon
+        }]
+      }, [createVNode("tbody", null, [props.data?.map((row, i) => {
+        return createVNode("tr", {
+          "key": i
+        }, [row.map((cell, j) => {
+          return createVNode("td", {
+            "key": j
+          }, [createVNode("span", null, [cell])]);
+        })]);
+      })])]);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/descriptions/descriptions.style.d.ts

@@ -0,0 +1,4 @@
+declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../theme/theme-context").ThemeManager) => {
+    hashId: import("vue").Ref<string, string>;
+};
+export default _default;

package/components/descriptions/descriptions.style.js

@@ -0,0 +1,69 @@
+import { getSimpleStyleHook } from '../theme/getSimpleStyleHook.js';
+
+var stdin_default = getSimpleStyleHook("CoDescriptions", (token) => {
+  const { componentCls } = token;
+  return {
+    [`${componentCls}`]: {
+      borderCollapse: "collapse",
+      tr: {
+        background: "transparent"
+      },
+      td: {
+        "&:nth-child(2n-1)": {
+          color: token.colorTextTertiary
+        }
+      },
+      "&.is-label-left": {
+        td: {
+          "&:nth-child(2n-1)": {
+            textAlign: "left"
+          }
+        }
+      },
+      "&.is-label-center": {
+        td: {
+          "&:nth-child(2n-1)": {
+            textAlign: "center"
+          }
+        }
+      },
+      "&.is-label-right": {
+        td: {
+          "&:nth-child(2n-1)": {
+            textAlign: "right"
+          }
+        }
+      },
+      "&:not(.is-bordered)": {
+        td: {
+          "&:nth-child(2n)": {
+            paddingInlineStart: token.paddingXS
+          },
+          "&:nth-child(2n-1)": {
+            "&:not(:first-child)": {
+              paddingInlineStart: token.paddingSM
+            }
+          }
+        }
+      },
+      "&.is-bordered": {
+        td: {
+          border: `1px solid ${token.colorBorderSecondary}`,
+          paddingBlock: token.paddingXXS,
+          paddingInline: token.paddingXS
+        }
+      },
+      "&.has-colon": {
+        td: {
+          "&:nth-child(2n-1)": {
+            "span::after": {
+              content: '": "'
+            }
+          }
+        }
+      }
+    }
+  };
+});
+
+export { stdin_default as default };

package/components/descriptions/index.d.ts

@@ -0,0 +1,82 @@
+export * from './descriptions';
+declare const _Descriptions: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<any[][]>;
+            default: () => never[];
+        };
+        labelAlign: {
+            type: import("vue").PropType<"left" | "center" | "right">;
+            default: string;
+        };
+        border: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        colon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        border: boolean;
+        data: any[][];
+        labelAlign: "left" | "right" | "center";
+        colon: boolean;
+    }, true, {}, import("vue").SlotsType<import("./descriptions.api").DescriptionsSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<any[][]>;
+            default: () => never[];
+        };
+        labelAlign: {
+            type: import("vue").PropType<"left" | "center" | "right">;
+            default: string;
+        };
+        border: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        colon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        border: boolean;
+        data: any[][];
+        labelAlign: "left" | "right" | "center";
+        colon: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<any[][]>;
+        default: () => never[];
+    };
+    labelAlign: {
+        type: import("vue").PropType<"left" | "center" | "right">;
+        default: string;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    colon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    border: boolean;
+    data: any[][];
+    labelAlign: "left" | "right" | "center";
+    colon: boolean;
+}, {}, string, import("vue").SlotsType<import("./descriptions.api").DescriptionsSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
+export { _Descriptions as Descriptions };
+export default _Descriptions;

package/components/descriptions/index.js

@@ -0,0 +1,7 @@
+import { withInstall } from '../utils.js';
+import stdin_default$1 from './descriptions.js';
+
+const _Descriptions = withInstall(stdin_default$1);
+var stdin_default = _Descriptions;
+
+export { _Descriptions as Descriptions, stdin_default as default };

package/components/index.d.ts

@@ -8,6 +8,7 @@ export * from './container';
 export * from './context-menu';
 export * from './copy';
 export * from './cssinjs';
+export * from './descriptions';
 export * from './dnd-sort';
 export * from './editor';
 export * from './field';

package/components/index.js

@@ -7,6 +7,7 @@ export { ConfigProvider } from './config-provider/index.js';
 export { Container } from './container/index.js';
 export { ContextMenu, ContextMenuItem, ContextSubMenu } from './context-menu/index.js';
 export { Copy } from './copy/index.js';
+export { Descriptions } from './descriptions/index.js';
 export { DndSort, DndSortItem } from './dnd-sort/index.js';
 export { Editor } from './editor/index.js';
 export { Field } from './field/index.js';

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

@@ -2,11 +2,11 @@ export * from './table-action.api';
 declare const _TableAction: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         actions: {
-            type: import("vue").PropType<(import("./item.api").TableActionItem | null | undefined)[] | (import("./item.api").TableActionItem | null | undefined)[][]>;
+            type: import("vue").PropType<(import("./item.api").TableActionItemProps | null | undefined)[] | (import("./item.api").TableActionItemProps | null | undefined)[][]>;
             default: () => never[];
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        actions: (import("./item.api").TableActionItem | null | undefined)[] | (import("./item.api").TableActionItem | null | undefined)[][];
+        actions: (import("./item.api").TableActionItemProps | null | undefined)[] | (import("./item.api").TableActionItemProps | null | undefined)[][];
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -16,22 +16,22 @@ declare const _TableAction: {
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         actions: {
-            type: import("vue").PropType<(import("./item.api").TableActionItem | null | undefined)[] | (import("./item.api").TableActionItem | null | undefined)[][]>;
+            type: import("vue").PropType<(import("./item.api").TableActionItemProps | null | undefined)[] | (import("./item.api").TableActionItemProps | null | undefined)[][]>;
             default: () => never[];
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-        actions: (import("./item.api").TableActionItem | null | undefined)[] | (import("./item.api").TableActionItem | null | undefined)[][];
+        actions: (import("./item.api").TableActionItemProps | null | undefined)[] | (import("./item.api").TableActionItemProps | null | undefined)[][];
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     actions: {
-        type: import("vue").PropType<(import("./item.api").TableActionItem | null | undefined)[] | (import("./item.api").TableActionItem | null | undefined)[][]>;
+        type: import("vue").PropType<(import("./item.api").TableActionItemProps | null | undefined)[] | (import("./item.api").TableActionItemProps | null | undefined)[][]>;
         default: () => never[];
     };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    actions: (import("./item.api").TableActionItem | null | undefined)[] | (import("./item.api").TableActionItem | null | undefined)[][];
+    actions: (import("./item.api").TableActionItemProps | null | undefined)[] | (import("./item.api").TableActionItemProps | null | undefined)[][];
 }, {}, 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/item.api.d.ts

@@ -1,105 +1,19 @@
-import { popconfirmProps } from 'element-plus';
-import { ExtractPublicPropTypes, PropType, type ExtractPropTypes } from 'vue';
+import { type ButtonProps, popconfirmProps } from 'element-plus';
+import { type PropType, type ExtractPropTypes } from 'vue';
+export interface TableActionItemProps extends Partial<ButtonProps> {
+    label?: string;
+    popconfirm?: Partial<ExtractPropTypes<typeof popconfirmProps>> & {
+        confirm?: (event: MouseEvent) => any;
+        cancel?: (event: MouseEvent) => void;
+    };
+    onClick?: (event: MouseEvent) => void;
+    hidden?: boolean;
+    visible?: boolean;
+    icon?: string;
+}
+export declare const defaultTableActionItemProps: TableActionItemProps;
 export declare const tableActionItemProps: {
-    link: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    type: {
-        type: PropType<"primary" | "success" | "warning" | "danger" | "info" | "text">;
-        default: string;
-    };
-    label: {
-        type: StringConstructor;
-    };
-    popconfirm: {
-        type: PropType<Partial<ExtractPropTypes<typeof popconfirmProps>> & {
-            confirm?: (event: MouseEvent) => any;
-            cancel?: (event: MouseEvent) => void;
-        }>;
-    };
-    onClick: {
-        type: PropType<(event: MouseEvent) => void>;
-    };
-    hidden: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    visible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    icon: {
-        type: StringConstructor;
-    };
-    size: {
-        readonly type: PropType<"" | "default" | "large" | "small">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    disabled: BooleanConstructor;
-    nativeType: {
-        readonly type: PropType<"button" | "reset" | "submit">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "button";
-    };
-    loading: BooleanConstructor;
-    loadingIcon: {
-        readonly type: PropType<string | import("vue").Component>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => any;
-    };
-    plain: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    text: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    bg: BooleanConstructor;
-    autofocus: BooleanConstructor;
-    round: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    circle: BooleanConstructor;
-    color: StringConstructor;
-    dark: BooleanConstructor;
-    autoInsertSpace: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    tag: {
-        readonly type: PropType<string | import("vue").Component>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "button";
+    props: {
+        type: PropType<TableActionItemProps>;
     };
 };
-export type TableActionItem = ExtractPublicPropTypes<typeof tableActionItemProps>;

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

@@ -1,35 +1,13 @@
-import { buttonProps } from 'element-plus';
-
+const defaultTableActionItemProps = {
+  link: true,
+  type: "primary",
+  hidden: false,
+  visible: true
+};
 const tableActionItemProps = {
-  ...buttonProps,
-  link: {
-    type: Boolean,
-    default: true
-  },
-  type: {
-    type: String,
-    default: "primary"
-  },
-  label: {
-    type: String
-  },
-  popconfirm: {
+  props: {
     type: Object
-  },
-  onClick: {
-    type: Function
-  },
-  hidden: {
-    type: Boolean,
-    default: false
-  },
-  visible: {
-    type: Boolean,
-    default: true
-  },
-  icon: {
-    type: String
   }
 };
 
-export { tableActionItemProps };
+export { defaultTableActionItemProps, tableActionItemProps };

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

@@ -1,222 +1,11 @@
+import { type TableActionItemProps } from './item.api';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    link: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    type: {
-        type: import("vue").PropType<"primary" | "success" | "warning" | "danger" | "info" | "text">;
-        default: string;
-    };
-    label: {
-        type: StringConstructor;
-    };
-    popconfirm: {
-        type: import("vue").PropType<Partial<import("vue").ExtractPropTypes<typeof import("element-plus").popconfirmProps>> & {
-            confirm?: (event: MouseEvent) => any;
-            cancel?: (event: MouseEvent) => void;
-        }>;
-    };
-    onClick: {
-        type: import("vue").PropType<(event: MouseEvent) => void>;
-    };
-    hidden: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    visible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    icon: {
-        type: StringConstructor;
-    };
-    size: {
-        readonly type: import("vue").PropType<"" | "default" | "large" | "small">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    disabled: BooleanConstructor;
-    nativeType: {
-        readonly type: import("vue").PropType<"button" | "reset" | "submit">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "button";
-    };
-    loading: BooleanConstructor;
-    loadingIcon: {
-        readonly type: import("vue").PropType<string | import("vue").Component>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => any;
-    };
-    plain: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    text: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    bg: BooleanConstructor;
-    autofocus: BooleanConstructor;
-    round: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    circle: BooleanConstructor;
-    color: StringConstructor;
-    dark: BooleanConstructor;
-    autoInsertSpace: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    tag: {
-        readonly type: import("vue").PropType<string | import("vue").Component>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "button";
+    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<{
-    link: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    type: {
-        type: import("vue").PropType<"primary" | "success" | "warning" | "danger" | "info" | "text">;
-        default: string;
-    };
-    label: {
-        type: StringConstructor;
-    };
-    popconfirm: {
-        type: import("vue").PropType<Partial<import("vue").ExtractPropTypes<typeof import("element-plus").popconfirmProps>> & {
-            confirm?: (event: MouseEvent) => any;
-            cancel?: (event: MouseEvent) => void;
-        }>;
-    };
-    onClick: {
-        type: import("vue").PropType<(event: MouseEvent) => void>;
-    };
-    hidden: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    visible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    icon: {
-        type: StringConstructor;
-    };
-    size: {
-        readonly type: import("vue").PropType<"" | "default" | "large" | "small">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    disabled: BooleanConstructor;
-    nativeType: {
-        readonly type: import("vue").PropType<"button" | "reset" | "submit">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "button";
-    };
-    loading: BooleanConstructor;
-    loadingIcon: {
-        readonly type: import("vue").PropType<string | import("vue").Component>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: () => any;
-    };
-    plain: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    text: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    bg: BooleanConstructor;
-    autofocus: BooleanConstructor;
-    round: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    circle: BooleanConstructor;
-    color: StringConstructor;
-    dark: BooleanConstructor;
-    autoInsertSpace: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    tag: {
-        readonly type: import("vue").PropType<string | import("vue").Component>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "button";
+    props: {
+        type: import("vue").PropType<TableActionItemProps>;
     };
-}>> & Readonly<{}>, {
-    hidden: boolean;
-    visible: boolean;
-    round: boolean;
-    dark: boolean;
-    text: boolean;
-    circle: boolean;
-    disabled: boolean;
-    type: "text" | "primary" | "success" | "warning" | "info" | "danger";
-    link: boolean;
-    tag: string | import("vue").Component;
-    loading: boolean;
-    plain: boolean;
-    nativeType: "button" | "reset" | "submit";
-    loadingIcon: string | import("vue").Component;
-    bg: boolean;
-    autofocus: boolean;
-    autoInsertSpace: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/table-action/item.js

@@ -1,10 +1,11 @@
-import { defineComponent, computed, ref, createVNode, Fragment, mergeProps, isVNode } from 'vue';
+import { defineComponent, computed, unref, ref, createVNode, Fragment, mergeProps, isVNode } from 'vue';
 import { omit } from 'lodash-es';
 import { ElPopconfirm, ElButton } from 'element-plus';
-import { tableActionItemProps } from './item.api.js';
+import { tableActionItemProps, defaultTableActionItemProps } from './item.api.js';
 import stdin_default$1 from '../icon/icon.vue.js';
 import { useToken } from '../theme/util/useToken.js';
 import { useLocale } from '../../hooks/useLocale.js';
+import { useConfig } from '../config-provider/config-provider.api.js';
 
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
@@ -20,17 +21,27 @@ var stdin_default = defineComponent({
     const {
       token
     } = useToken();
+    const {
+      tableAction: tableActionConfig
+    } = useConfig();
+    const mergedProps = computed(() => {
+      return {
+        ...defaultTableActionItemProps,
+        ...unref(tableActionConfig)?.itemProps,
+        ...props.props
+      };
+    });
     const buttonProps = computed(() => {
-      return omit(props, "icon");
+      return omit(unref(mergedProps), ["icon", "visible", "hidden", "popconfirm", "label"]);
     });
     const loading = ref(false);
     const mergedVisible = computed(() => {
-      return props.hidden ? false : props.visible;
+      return unref(mergedProps).hidden ? false : unref(mergedProps).visible;
     });
     const onConfirm = async (e, confirm) => {
       loading.value = true;
       try {
-        await props.popconfirm?.confirm?.(e);
+        await unref(mergedProps).popconfirm?.confirm?.(e);
         confirm(e);
       } catch {} finally {
         loading.value = false;
@@ -41,17 +52,17 @@ var stdin_default = defineComponent({
     };
     return () => {
       if (!mergedVisible.value) return;
-      if (props.popconfirm) {
-        return createVNode(ElPopconfirm, props.popconfirm, {
-          reference: () => createVNode(ElButton, mergeProps(omit(buttonProps.value, "popconfirm"), {
+      if (unref(mergedProps).popconfirm) {
+        return createVNode(ElPopconfirm, unref(mergedProps).popconfirm, {
+          reference: () => createVNode(ElButton, mergeProps(buttonProps.value, {
             "style": "margin: 0"
           }), {
-            default: () => [props.icon && createVNode(stdin_default$1, {
-              "name": props.icon,
+            default: () => [unref(mergedProps).icon && createVNode(stdin_default$1, {
+              "name": unref(mergedProps).icon,
               "style": {
                 marginInlineEnd: token.value.marginXXS + "px"
               }
-            }, null), props.label]
+            }, null), unref(mergedProps).label]
           }),
           actions: ({
             confirm,
@@ -77,12 +88,12 @@ var stdin_default = defineComponent({
       return createVNode(ElButton, mergeProps(buttonProps.value, {
         "style": "margin: 0"
       }), {
-        default: () => [props.icon && createVNode(stdin_default$1, {
-          "name": props.icon,
+        default: () => [unref(mergedProps).icon && createVNode(stdin_default$1, {
+          "name": unref(mergedProps).icon,
           "style": {
             marginInlineEnd: token.value.marginXXS + "px"
           }
-        }, null), props.label]
+        }, null), unref(mergedProps).label]
       });
     };
   }

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

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes, type PropType } from 'vue';
-import { type TableActionItem } from './item.api';
-type TableActionItemAtom = TableActionItem | null | undefined;
+import { type TableActionItemProps } from './item.api';
+type TableActionItemAtom = TableActionItemProps | null | undefined;
 export declare const tableActionProps: {
     actions: {
         type: PropType<TableActionItemAtom[] | TableActionItemAtom[][]>;
@@ -8,4 +8,7 @@ export declare const tableActionProps: {
     };
 };
 export type TableActionProps = ExtractPropTypes<typeof tableActionProps>;
+export interface TableActionConfig {
+    itemProps?: TableActionItemProps;
+}
 export {};

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

@@ -1,15 +1,15 @@
-import { TableActionItem } from './item.api';
+import { TableActionItemProps } from './item.api';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     actions: {
-        type: import("vue").PropType<(TableActionItem | null | undefined)[] | (TableActionItem | null | undefined)[][]>;
+        type: import("vue").PropType<(TableActionItemProps | null | undefined)[] | (TableActionItemProps | null | undefined)[][]>;
         default: () => never[];
     };
 }>, () => 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<(TableActionItem | null | undefined)[] | (TableActionItem | null | undefined)[][]>;
+        type: import("vue").PropType<(TableActionItemProps | null | undefined)[] | (TableActionItemProps | null | undefined)[][]>;
         default: () => never[];
     };
 }>> & Readonly<{}>, {
-    actions: (TableActionItem | null | undefined)[] | (TableActionItem | null | undefined)[][];
+    actions: (TableActionItemProps | null | undefined)[] | (TableActionItemProps | null | undefined)[][];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createVNode, mergeProps } from 'vue';
+import { defineComponent, computed, createVNode } from 'vue';
 import { tableActionProps } from './table-action.api.js';
 import stdin_default$2 from './item.js';
 import stdin_default$1 from './table-action.style.js';
@@ -26,9 +26,10 @@ var stdin_default = defineComponent({
           "key": rowIndex,
           "class": `${prefixCls.value}-row`
         }, [actions.filter(Boolean).map((action, actionIndex) => {
-          return createVNode(stdin_default$2, mergeProps({
-            "key": actionIndex
-          }, action), null);
+          return createVNode(stdin_default$2, {
+            "key": actionIndex,
+            "props": action
+          }, null);
         })]);
       })]);
     };

package/config/root-config-provider.api.d.ts

@@ -11,6 +11,9 @@ export declare const rootConfigProviderProps: {
     table: {
         type: import("vue").PropType<import("../components").TableConfig>;
     };
+    tableAction: {
+        type: import("vue").PropType<import("../components").TableActionConfig>;
+    };
     locale: {
         type: import("vue").PropType<import("../locale").Language>;
     };

package/config/root-config-provider.d.ts

@@ -10,6 +10,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     table: {
         type: import("vue").PropType<import("../components").TableConfig>;
     };
+    tableAction: {
+        type: import("vue").PropType<import("../components").TableActionConfig>;
+    };
     locale: {
         type: import("vue").PropType<import("../locale").Language>;
     };
@@ -23,6 +26,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     table: {
         type: import("vue").PropType<import("../components").TableConfig>;
     };
+    tableAction: {
+        type: import("vue").PropType<import("../components").TableActionConfig>;
+    };
     locale: {
         type: import("vue").PropType<import("../locale").Language>;
     };

package/package.json

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