cosey 0.4.47 → 0.4.49

package/components/table/table.js

@@ -109,6 +109,8 @@ const elTableExposeKeys = [
 const tableExposeKeys = [
   ...elTableExposeKeys,
   ...tableQueryExposeKeys,
+  "reset",
+  "submit",
   "reload",
   "expandAll",
   "collapseAll",

package/components/table/table.vue.js

@@ -342,6 +342,20 @@ var stdin_default = /* @__PURE__ */defineComponent({
         await execute();
       }
     };
+    const submit = async () => {
+      if (props.formProps) {
+        return tableQueryRef.value?.submit();
+      } else {
+        return onSubmit();
+      }
+    };
+    const reset = async () => {
+      if (props.formProps) {
+        return tableQueryRef.value?.reset();
+      } else {
+        return onReset();
+      }
+    };
     const statsColumns = computed(() => unref(props.statsColumns));
     const statsData = computed(() => unref(props.statsData));
     const isStatsVisible = computed(() => statsColumns.value && statsColumns.value.length > 0);
@@ -356,7 +370,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
       setData,
       getData,
       getRootEl,
-      getPagination
+      getPagination,
+      submit,
+      reset
     }, () => tableQueryRef.value);
     watch(() => props.getExpose, () => {
       props.getExpose?.(expose);

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

@@ -95,7 +95,101 @@ declare const _TableAction: {
             } & {
                 readonly default: "button";
             };
-        }>>[];
+        }>>[] | Partial<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: BooleanConstructor;
+            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";
+            };
+        }>>[][];
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -198,7 +292,101 @@ declare const _TableAction: {
             } & {
                 readonly default: "button";
             };
-        }>>[];
+        }>>[] | Partial<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: BooleanConstructor;
+            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";
+            };
+        }>>[][];
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -298,7 +486,101 @@ declare const _TableAction: {
         } & {
             readonly default: "button";
         };
-    }>>[];
+    }>>[] | Partial<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: BooleanConstructor;
+        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";
+        };
+    }>>[][];
 }, {}, 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/style/index.js

@@ -5,9 +5,14 @@ const getTableActionStyle = (token) => {
   return {
     [componentCls]: {
       display: "inline-flex",
-      flexWrap: "wrap",
-      columnGap: token.sizeXXS,
-      rowGap: token.sizeSM
+      flexDirection: "column",
+      rowGap: token.sizeSM,
+      [`${componentCls}-row`]: {
+        display: "flex",
+        flexWrap: "wrap",
+        columnGap: token.sizeXXS,
+        rowGap: token.sizeXXS
+      }
     }
   };
 };

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

@@ -1,6 +1,6 @@
 import { type TableActionItem } from './item';
 export interface TableActionProps {
-    actions?: TableActionItem[];
+    actions?: TableActionItem[] | TableActionItem[][];
 }
 export declare const defaultTableActionProps: {
     actions: () => never[];

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

@@ -94,6 +94,100 @@ declare const _default: import("vue").DefineComponent<TableActionProps, {}, {},
         } & {
             readonly default: "button";
         };
-    }>>[];
+    }>>[] | Partial<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: BooleanConstructor;
+        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";
+        };
+    }>>[][];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { defineComponent, mergeDefaults, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createBlock, mergeProps } from 'vue';
+import { defineComponent, mergeDefaults, computed, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createBlock, mergeProps } from 'vue';
 import { defaultTableActionProps } from './table-action.js';
 import stdin_default$2 from './item.vue.js';
 import stdin_default$1 from './style/index.js';
@@ -17,6 +17,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
   }, defaultTableActionProps),
   setup(__props) {
     const props = __props;
+    const dyadicActions = computed(() => {
+      return Array.isArray(props.actions[0]) ? props.actions : [props.actions];
+    });
     const {
       prefixCls
     } = useComponentConfig("table-action", props);
@@ -26,12 +29,19 @@ var stdin_default = /* @__PURE__ */defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([unref(hashId), unref(prefixCls)])
-      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.actions, (action, _i) => {
-        return openBlock(), createBlock(stdin_default$2, mergeProps({
-          key: _i,
-          ref_for: true
-        }, action), null, 16
-        /* FULL_PROPS */);
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(dyadicActions.value, (actions, rowIndex) => {
+        return openBlock(), createElementBlock("div", {
+          key: rowIndex,
+          class: normalizeClass(`${unref(prefixCls)}-row`)
+        }, [(openBlock(true), createElementBlock(Fragment, null, renderList(actions, (action, actionIndex) => {
+          return openBlock(), createBlock(stdin_default$2, mergeProps({
+            key: actionIndex,
+            ref_for: true
+          }, action), null, 16
+          /* FULL_PROPS */);
+        }), 128
+        /* KEYED_FRAGMENT */))], 2
+        /* CLASS */);
       }), 128
       /* KEYED_FRAGMENT */))], 2
       /* CLASS */);

package/package.json

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