cosey 0.10.15 → 0.10.16

package/components/table/index.d.ts

@@ -198,6 +198,10 @@ declare const _Table: {
         transformSummary: {
             type: import("vue").PropType<(sums: any[]) => any[]>;
         };
+        split: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
         height: (NumberConstructor | StringConstructor)[];
         maxHeight: (NumberConstructor | StringConstructor)[];
         tableLayout: {
@@ -328,6 +332,7 @@ declare const _Table: {
         columns: import(".").MayBeTableColumnProps[];
         data: any[];
         immediate: boolean;
+        split: boolean;
         className: string;
         pagination: boolean | import("element-plus").PaginationProps;
         fit: boolean;
@@ -550,6 +555,10 @@ declare const _Table: {
         transformSummary: {
             type: import("vue").PropType<(sums: any[]) => any[]>;
         };
+        split: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
         height: (NumberConstructor | StringConstructor)[];
         maxHeight: (NumberConstructor | StringConstructor)[];
         tableLayout: {
@@ -680,6 +689,7 @@ declare const _Table: {
         columns: import(".").MayBeTableColumnProps[];
         data: any[];
         immediate: boolean;
+        split: boolean;
         className: string;
         pagination: boolean | import("element-plus").PaginationProps;
         fit: boolean;
@@ -757,6 +767,10 @@ declare const _Table: {
     transformSummary: {
         type: import("vue").PropType<(sums: any[]) => any[]>;
     };
+    split: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     height: (NumberConstructor | StringConstructor)[];
     maxHeight: (NumberConstructor | StringConstructor)[];
     tableLayout: {
@@ -887,6 +901,7 @@ declare const _Table: {
     columns: import(".").MayBeTableColumnProps[];
     data: any[];
     immediate: boolean;
+    split: boolean;
     className: string;
     pagination: boolean | import("element-plus").PaginationProps;
     fit: boolean;

package/components/table/table.d.ts

@@ -69,6 +69,10 @@ export declare const tableProps: {
     transformSummary: {
         type: PropType<(sums: any[]) => any[]>;
     };
+    split: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     height: (NumberConstructor | StringConstructor)[];
     maxHeight: (NumberConstructor | StringConstructor)[];
     tableLayout: {
@@ -242,6 +246,7 @@ export declare const defaultTableConfig: {
         pageSize: number;
     };
     height: undefined;
+    split: boolean;
 };
 export interface TableConfig {
     keys?: {
@@ -256,4 +261,5 @@ export interface TableConfig {
     };
     pagination?: Partial<PaginationProps>;
     height?: number | string;
+    split?: boolean;
 }

package/components/table/table.js

@@ -87,6 +87,10 @@ const tableExtraProps = {
   },
   transformSummary: {
     type: Function
+  },
+  split: {
+    type: Boolean,
+    default: void 0
   }
 };
 const tableProps = {
@@ -167,7 +171,8 @@ const defaultTableConfig = {
     currentPage: 1,
     pageSize: 10
   },
-  height: void 0
+  height: void 0,
+  split: false
 };
 
 export { defaultTableConfig, elSlotsName, omittedTableProps, tableEmitEvents, tableEmitOnEvents, tableEmitOnProps, tableExposeKeys, tableProps };

package/components/table/table.style.js

@@ -51,8 +51,10 @@ var stdin_default = getSimpleStyleHook("CoTable", (token) => {
       },
       [`${componentCls}-before-body`]: {
         flex: "none",
-        paddingBlockStart: token.paddingSM,
-        paddingInline: token.paddingSM
+        padding: token.paddingSM
+      },
+      [`${componentCls}-before-body-plain`]: {
+        flex: "none"
       },
       [`${componentCls}-stats-wrapper`]: {
         paddingBlockStart: token.paddingSM
@@ -76,6 +78,26 @@ var stdin_default = getSimpleStyleHook("CoTable", (token) => {
         justifyContent: "flex-end",
         paddingBlockEnd: token.paddingSM,
         paddingInline: token.paddingSM
+      },
+      "&.is-split": {
+        backgroundColor: "transparent",
+        "&.is-fullpage": {
+          backgroundColor: token.colorBgLayout
+        },
+        [`${componentCls}-header`]: {
+          marginBlockEnd: token.marginSM,
+          backgroundColor: token.colorBgContainer
+        },
+        [`${componentCls}-before-body`]: {
+          marginBlockEnd: token.marginSM,
+          backgroundColor: token.colorBgContainer
+        },
+        [`${componentCls}-before-body-plain`]: {
+          marginBlockEnd: token.marginSM
+        },
+        [`${componentCls}-body`]: {
+          backgroundColor: token.colorBgContainer
+        }
       }
     }
   };

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

@@ -54,6 +54,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     transformSummary: {
         type: import("vue").PropType<(sums: any[]) => any[]>;
     };
+    split: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     height: (NumberConstructor | StringConstructor)[];
     maxHeight: (NumberConstructor | StringConstructor)[];
     tableLayout: {
@@ -231,6 +235,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     transformSummary: {
         type: import("vue").PropType<(sums: any[]) => any[]>;
     };
+    split: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     height: (NumberConstructor | StringConstructor)[];
     maxHeight: (NumberConstructor | StringConstructor)[];
     tableLayout: {
@@ -322,6 +330,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     columns: import(".").MayBeTableColumnProps[];
     data: any[];
     immediate: boolean;
+    split: boolean;
     className: string;
     pagination: boolean | PaginationProps;
     fit: boolean;

package/components/table/table.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useSlots, unref, computed, ref, useTemplateRef, mergeProps, watch, onMounted, onBeforeUnmount, resolveComponent, resolveDirective, createBlock, openBlock, Teleport, withDirectives, createElementBlock, normalizeStyle, normalizeClass, createCommentVNode, renderSlot, createElementVNode, createVNode, withCtx, createSlots, Fragment, renderList, vShow, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, useSlots, unref, computed, ref, useTemplateRef, mergeProps, watch, onMounted, onBeforeUnmount, resolveComponent, resolveDirective, createBlock, openBlock, Teleport, withDirectives, createElementBlock, normalizeStyle, normalizeClass, createCommentVNode, createElementVNode, createVNode, renderSlot, withCtx, createSlots, Fragment, renderList, vShow, normalizeProps, guardReactiveProps } from 'vue';
 import { merge, get, cloneDeep } from 'lodash-es';
 import { reactiveComputed, reactiveOmit } from '@vueuse/core';
 import { useNamespace, useZIndex, ElButton, Mousewheel } from 'element-plus';
@@ -74,6 +74,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
     const tableKeys = reactiveComputed(() => {
       return merge({}, defaultTableConfig.keys, unref(tableConfig)?.keys, props.keys);
     });
+    const isSplit = computed(() => {
+      return props.split ?? unref(tableConfig)?.split ?? defaultTableConfig.split;
+    });
     const passedElSlotsName = computed(() => {
       return elSlotsName.filter(name => !!slots[name]);
     });
@@ -385,7 +388,8 @@ var stdin_default = /* @__PURE__ */defineComponent({
         ref_key: "rootRef",
         ref: rootRef,
         class: normalizeClass([unref(hashId), unref(prefixCls), {
-          "is-fullpage": unref(isFullPage)
+          "is-fullpage": unref(isFullPage),
+          "is-split": isSplit.value
         }]),
         style: normalizeStyle({
           ...containerStyle.value,
@@ -405,7 +409,11 @@ var stdin_default = /* @__PURE__ */defineComponent({
         key: 1,
         class: normalizeClass(`${unref(prefixCls)}-before-body`)
       }, [renderSlot(_ctx.$slots, "before-body")], 2
-      /* CLASS */)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "before-body-plain"), createElementVNode("div", {
+      /* CLASS */)) : createCommentVNode("v-if", true), _ctx.$slots["before-body-plain"] ? (openBlock(), createElementBlock("div", {
+        key: 2,
+        class: normalizeClass(`${unref(prefixCls)}-before-body-plain`)
+      }, [renderSlot(_ctx.$slots, "before-body-plain")], 2
+      /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
         class: normalizeClass(`${unref(prefixCls)}-body`)
       }, [_ctx.$slots["toolbar-left"] || _ctx.$slots["toolbar-right"] || mergedToolbarConfig.value || isStatsVisible.value ? (openBlock(), createElementBlock("div", {
         key: 0,

package/package.json

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