cosey 0.3.11 → 0.3.13

package/components/table/index.d.ts

@@ -5,7 +5,7 @@ export * from './useTable';
 declare const _Table: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         api: {
-            type: import("vue").PropType<(...args: any[]) => Promise<any>>;
+            type: import("vue").PropType<(...args: any[]) => Promise<any> | any>;
         };
         immediate: {
             type: BooleanConstructor;
@@ -167,12 +167,15 @@ declare const _Table: {
                 disabled: BooleanConstructor;
             }>>>;
         };
-        beforeFetch: {
+        transformParams: {
             type: import("vue").PropType<(params: Record<string, any>) => any>;
         };
-        afterFetch: {
+        transformResponse: {
             type: import("vue").PropType<(res: any) => any>;
         };
+        parallelFetch: {
+            type: import("vue").PropType<(...args: any[]) => Promise<any> | any>;
+        };
         toolbarConfig: {
             type: import("vue").PropType<import("./table").ToolbarConfig | boolean>;
             default: boolean;
@@ -328,7 +331,7 @@ declare const _Table: {
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         api: {
-            type: import("vue").PropType<(...args: any[]) => Promise<any>>;
+            type: import("vue").PropType<(...args: any[]) => Promise<any> | any>;
         };
         immediate: {
             type: BooleanConstructor;
@@ -490,12 +493,15 @@ declare const _Table: {
                 disabled: BooleanConstructor;
             }>>>;
         };
-        beforeFetch: {
+        transformParams: {
             type: import("vue").PropType<(params: Record<string, any>) => any>;
         };
-        afterFetch: {
+        transformResponse: {
             type: import("vue").PropType<(res: any) => any>;
         };
+        parallelFetch: {
+            type: import("vue").PropType<(...args: any[]) => Promise<any> | any>;
+        };
         toolbarConfig: {
             type: import("vue").PropType<import("./table").ToolbarConfig | boolean>;
             default: boolean;
@@ -648,7 +654,7 @@ declare const _Table: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     api: {
-        type: import("vue").PropType<(...args: any[]) => Promise<any>>;
+        type: import("vue").PropType<(...args: any[]) => Promise<any> | any>;
     };
     immediate: {
         type: BooleanConstructor;
@@ -671,12 +677,15 @@ declare const _Table: {
     formProps: {
         type: import("vue").PropType<import("..").TableQueryProps>;
     };
-    beforeFetch: {
+    transformParams: {
         type: import("vue").PropType<(params: Record<string, any>) => any>;
     };
-    afterFetch: {
+    transformResponse: {
         type: import("vue").PropType<(res: any) => any>;
     };
+    parallelFetch: {
+        type: import("vue").PropType<(...args: any[]) => Promise<any> | any>;
+    };
     toolbarConfig: {
         type: import("vue").PropType<import("./table").ToolbarConfig | boolean>;
         default: boolean;

package/components/table/style/index.js

@@ -16,7 +16,7 @@ const getTableStyle = (token) => {
       },
       [`${componentCls}-header`]: {
         flex: "none",
-        paddingInline: token.sizeSM,
+        paddingInline: token.paddingSM,
         paddingBlockStart: token.size
       },
       [`${componentCls}-body`]: {
@@ -30,8 +30,8 @@ const getTableStyle = (token) => {
         flex: "none",
         alignItems: "center",
         justifyContent: "center",
-        padding: token.sizeSM,
-        paddingBlockEnd: 0
+        paddingBlockStart: token.paddingSM,
+        paddingInline: token.paddingSM
       },
       [`${componentCls}-toolbar-left`]: {},
       [`${componentCls}-toolbar-right`]: {
@@ -49,6 +49,10 @@ const getTableStyle = (token) => {
           animationIterationCount: "infinite"
         }
       },
+      [`${componentCls}-before-table`]: {
+        paddingBlockStart: token.paddingSM,
+        paddingInline: token.paddingSM
+      },
       [`${componentCls}-table`]: {
         minHeight: 0,
         flex: 1,
@@ -61,8 +65,8 @@ const getTableStyle = (token) => {
         flex: "none",
         flexWrap: "wrap",
         justifyContent: "flex-end",
-        padding: token.paddingSM,
-        paddingBlockStart: 0
+        paddingBlockEnd: token.paddingSM,
+        paddingInline: token.paddingSM
       }
     }
   };

package/components/table/table.d.ts

@@ -17,7 +17,7 @@ export declare const tableEmitOnProps: Record<string, {
 }>;
 export declare const tableProps: {
     api: {
-        type: PropType<(...args: any[]) => Promise<any>>;
+        type: PropType<(...args: any[]) => Promise<any> | any>;
     };
     immediate: {
         type: BooleanConstructor;
@@ -40,12 +40,15 @@ export declare const tableProps: {
     formProps: {
         type: PropType<TableQueryProps>;
     };
-    beforeFetch: {
+    transformParams: {
         type: PropType<(params: Record<string, any>) => any>;
     };
-    afterFetch: {
+    transformResponse: {
         type: PropType<(res: any) => any>;
     };
+    parallelFetch: {
+        type: PropType<(...args: any[]) => Promise<any> | any>;
+    };
     toolbarConfig: {
         type: PropType<ToolbarConfig | boolean>;
         default: boolean;
@@ -146,6 +149,7 @@ export interface TableSlots {
     empty?: (props: Record<string, never>) => any;
     'toolbar-left'?: (props: Record<string, never>) => any;
     'toolbar-right'?: (props: Record<string, never>) => any;
+    'before-table'?: (props: Record<string, never>) => any;
 }
 export declare const elSlotsName: readonly ["default", "append", "empty"];
 export interface TableCustomExpose {

package/components/table/table.js

@@ -60,10 +60,13 @@ const tableExtraProps = {
   formProps: {
     type: Object
   },
-  beforeFetch: {
+  transformParams: {
     type: Function
   },
-  afterFetch: {
+  transformResponse: {
+    type: Function
+  },
+  parallelFetch: {
     type: Function
   },
   toolbarConfig: {

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

@@ -4,7 +4,7 @@ import { type TableColumnProps } from './table-column/table-column';
 type __VLS_Slots = TableSlots;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     api: {
-        type: import("vue").PropType<(...args: any[]) => Promise<any>>;
+        type: import("vue").PropType<(...args: any[]) => Promise<any> | any>;
     };
     immediate: {
         type: BooleanConstructor;
@@ -27,12 +27,15 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     formProps: {
         type: import("vue").PropType<import("..").TableQueryProps>;
     };
-    beforeFetch: {
+    transformParams: {
         type: import("vue").PropType<(params: Record<string, any>) => any>;
     };
-    afterFetch: {
+    transformResponse: {
         type: import("vue").PropType<(res: any) => any>;
     };
+    parallelFetch: {
+        type: import("vue").PropType<(...args: any[]) => Promise<any> | any>;
+    };
     toolbarConfig: {
         type: import("vue").PropType<ToolbarConfig | boolean>;
         default: boolean;
@@ -157,7 +160,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     updateKeyChildren: (key: string, data: any[]) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     api: {
-        type: import("vue").PropType<(...args: any[]) => Promise<any>>;
+        type: import("vue").PropType<(...args: any[]) => Promise<any> | any>;
     };
     immediate: {
         type: BooleanConstructor;
@@ -180,12 +183,15 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     formProps: {
         type: import("vue").PropType<import("..").TableQueryProps>;
     };
-    beforeFetch: {
+    transformParams: {
         type: import("vue").PropType<(params: Record<string, any>) => any>;
     };
-    afterFetch: {
+    transformResponse: {
         type: import("vue").PropType<(res: any) => any>;
     };
+    parallelFetch: {
+        type: import("vue").PropType<(...args: any[]) => Promise<any> | any>;
+    };
     toolbarConfig: {
         type: import("vue").PropType<ToolbarConfig | boolean>;
         default: boolean;

package/components/table/table.vue.js

@@ -123,6 +123,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
     };
     const flattedColumns = computed(() => flatColumns(props.columns));
     const tableData = ref(props.data || []);
+    watch(() => props.data, () => {
+      tableData.value = props.data || [];
+    });
     const tableDataWithSummary = computed(() => {
       const columns = flattedColumns.value.map(column => {
         return {
@@ -151,7 +154,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         ...orderParams,
         ...filterEmptyFormValue(tableQueryRef.value?.getFieldsValue() || {})
       };
-      return filterEmptyFormValue(props.beforeFetch?.(params) || params);
+      return filterEmptyFormValue(props.transformParams?.(params) || params);
     };
     const getFullFetchParams = () => {
       return {
@@ -163,10 +166,17 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const {
       isFetching,
       execute
-    } = useFetch(() => props.api?.(getFullFetchParams()), {
+    } = useFetch(() => {
+      const params = getFullFetchParams();
+      return Promise.all([props.api?.({
+        ...params
+      }), props.parallelFetch?.({
+        ...params
+      })]);
+    }, {
       immediate: false,
-      onSuccess(res) {
-        res = props.afterFetch?.(res) || res;
+      onSuccess([res]) {
+        res = props.transformResponse?.(res) || res;
         tableData.value = (tableKeys.list ? get(res, tableKeys.list) : res) || [];
         total.value = +get(res, tableKeys.total) || 0;
         elTableRef.value?.setScrollTop(0);
@@ -462,6 +472,10 @@ var stdin_default = /* @__PURE__ */defineComponent({
       }, null, 8, ["modelValue", "virtual-ref"])])) : createCommentVNode("v-if", true)], 2
       /* CLASS */)) : createCommentVNode("v-if", true)], 2
       /* CLASS */)], 2
+      /* CLASS */)) : createCommentVNode("v-if", true), _ctx.$slots["before-table"] ? (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(`${unref(prefixCls)}-before-table`)
+      }, [renderSlot(_ctx.$slots, "before-table")], 2
       /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
         class: normalizeClass(`${unref(prefixCls)}-table`)
       }, [createVNode(_component_el_table, mergeProps({
@@ -524,7 +538,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         };
       })]), 1040, ["class", "data", "expand-row-keys"])], 2
       /* CLASS */), paginationProps.value ? (openBlock(), createBlock(_component_el_pagination, mergeProps({
-        key: 1
+        key: 2
       }, paginationProps.value, {
         "current-page": page.value,
         "onUpdate:currentPage": _cache[3] || (_cache[3] = $event => page.value = $event),

package/package.json

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