cosey 0.10.22 → 0.10.24

package/components/form-list/form-list.vue.js

@@ -14,7 +14,7 @@ import { arrayMove } from '../../utils/array.js';
 import { getFormItemWidth } from '../form/useFormItemWidth.js';
 import { useLocale } from '../../hooks/useLocale.js';
 import { useComponentConfig } from '../config-provider/config-provider.api.js';
-import { uuid } from '../../utils/string.js';
+import { auid } from '../../utils/string.js';
 import { createMergedExpose, defineTemplate } from '../../utils/vue.js';
 import { isString, isNumber } from '../../utils/is.js';
 
@@ -187,7 +187,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
       props.modelValue.forEach(row => {
         let key = mapRowKey.get(row);
         if (!key) {
-          key = uuid();
+          key = auid();
         }
         newMapRowKey.set(row, key);
       });

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/remote-select/remote-select.js

@@ -9,10 +9,10 @@ import stdin_default$2 from '../table/table-query/table-query.js';
 import { useComponentConfig, useConfig } from '../config-provider/config-provider.api.js';
 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';
+import { auid } from '../../utils/string.js';
 
 var stdin_default = defineComponent({
   name: "CoRemoteSelect",
@@ -128,7 +128,7 @@ var stdin_default = defineComponent({
       getValue,
       getKey
     } = useProps(props);
-    const popperId = uniqid();
+    const popperId = auid();
     const events = bulkBindEvents(remoteSelectEmits, emit);
     const selectProps = computed(() => {
       return omit(props, ["optionProps", "api", "pagination", "formProps", "transformParams", "keys", "immediate"]);

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

@@ -4,7 +4,7 @@ import { TransitionGroup as _TransitionGroup } from '../../transition-group/inde
 import stdin_default$1 from './item.vue.js';
 import { useDndSort } from '../../dnd-sort/useDndSort.js';
 import { useComponentConfig } from '../../config-provider/config-provider.api.js';
-import { uuid } from '../../../utils/string.js';
+import { auid } from '../../../utils/string.js';
 import { arrayMove } from '../../../utils/array.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
@@ -33,7 +33,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
       props.nodeList.forEach(node => {
         let key = mapTargetKey.get(node);
         if (!key) {
-          key = uuid();
+          key = auid();
         }
         newMapTargetKey.set(node, key);
       });

package/components/table/table.vue.js

@@ -16,7 +16,7 @@ import stdin_default$3 from './table-stats/table-stats.js';
 import { flatColumns } from '../../utils/excel/index.js';
 import { useFullPage } from '../../hooks/useFullPage.js';
 import { useLocale } from '../../hooks/useLocale.js';
-import { uniqid } from '../../utils/string.js';
+import { auid } from '../../utils/string.js';
 import { useComponentConfig, useConfig } from '../config-provider/config-provider.api.js';
 import { addPxUnit } from '../../utils/css.js';
 import { isNullish, isObject, isFunction } from '../../utils/is.js';
@@ -61,7 +61,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const {
       t
     } = useLocale();
-    const tableId = uniqid();
+    const tableId = auid();
     const {
       prefixCls
     } = useComponentConfig("table");
@@ -550,7 +550,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         "show-summary": false,
         "summary-method": void 0,
         style: {
-          "width": "100%"
+          width: "100%"
         },
         height: "100%",
         "max-height": "none"

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/components/upload/upload.js

@@ -10,7 +10,7 @@ import { getFileType, chooseFiles } from '../../utils/file.js';
 import { useLocale } from '../../hooks/useLocale.js';
 import { useComponentConfig } from '../config-provider/config-provider.api.js';
 import { debugWarn } from 'element-plus/es/utils/error.mjs';
-import { uuid } from '../../utils/string.js';
+import { auid } from '../../utils/string.js';
 import { getBasename } from '../../utils/path.js';
 import { isString } from '../../utils/is.js';
 import { isShallowEqual } from '../../utils/array.js';
@@ -65,7 +65,7 @@ var stdin_default = defineComponent({
           size: 0,
           url: item,
           previewUrl: item instanceof File ? URL.createObjectURL(item) : item,
-          key: uuid(),
+          key: auid(),
           percent: 0,
           status: "unready",
           controller: null
@@ -101,7 +101,7 @@ var stdin_default = defineComponent({
           size: rawFile.size,
           url: "",
           previewUrl: URL.createObjectURL(rawFile),
-          key: uuid(),
+          key: auid(),
           status: "ready",
           percent: 0,
           controller: null

package/hooks/useUpsert.js

@@ -3,7 +3,7 @@ import { cloneDeep, pick } from 'lodash-es';
 import { ref, computed, unref, reactive, shallowRef, useTemplateRef, readonly, nextTick } from 'vue';
 import { toRefs } from '@vueuse/core';
 import { useLocale } from './useLocale.js';
-import { uuid } from '../utils/string.js';
+import { auid } from '../utils/string.js';
 import { deepAssign } from '../utils/object.js';
 
 const mapTypeTitle = {
@@ -50,7 +50,7 @@ function useUpsert(options) {
   const row = shallowRef();
   let addParams = [];
   let editParams = [];
-  const formRefKey = uuid();
+  const formRefKey = auid();
   const formRef = useTemplateRef(formRefKey);
   const onSubmit = async () => {
     let res;

package/package.json

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

package/router/utils.js

@@ -1,11 +1,11 @@
-import { uuid } from '../utils/string.js';
+import { auid } from '../utils/string.js';
 
 function defineRoute(route) {
   function recur(route2, index = 0, parent) {
     const meta = route2.meta || {};
     const newRoute = {
       ...route2,
-      name: route2.name || uuid(),
+      name: route2.name || auid(),
       meta: {
         ...meta,
         closable: meta.closable ?? true,

package/utils/index.js

@@ -10,7 +10,7 @@ export { isBoolean, isEmpty, isFunction, isNullish, isNumber, isObject, isPlainO
 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 { auid } from './string.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';

package/utils/string.d.ts

@@ -1,8 +1 @@
-/**
- * 生成全局唯一标识符
- */
-export declare function uuid(): string;
-/**
- * 生成唯一ID，用于设置元素的选择器
- */
-export declare function uniqid(prefix?: string): string;
+export declare function auid(prefix?: string): string;

package/utils/string.js

@@ -1,8 +1,6 @@
-function uuid() {
-  return (~~(Math.random() * 1e9)).toString(36);
-}
-function uniqid(prefix = "co-") {
-  return prefix + uuid();
+let counter = 0;
+function auid(prefix = "__co_") {
+  return prefix + (~~(Math.random() * 1e9)).toString(36) + "-" + (++counter).toString(36);
 }
 
-export { uniqid, uuid };
+export { auid };