cosey 0.3.19 → 0.3.20

package/components/table/index.d.ts

@@ -183,6 +183,12 @@ declare const _Table: {
         keys: {
             type: import("vue").PropType<import("./table").TableConfig["keys"]>;
         };
+        statsColumns: {
+            type: import("vue").PropType<import("vue").MaybeRef<import("./table-stats/table-stats").TableStatisticsColumn[]>>;
+        };
+        statsData: {
+            type: import("vue").MaybeRef<any>;
+        };
         height: (NumberConstructor | StringConstructor)[];
         maxHeight: (NumberConstructor | StringConstructor)[];
         tableLayout: {
@@ -324,6 +330,7 @@ declare const _Table: {
         allowDragLastColumn: boolean;
         preserveExpandedContent: boolean;
         toolbarConfig: boolean | import("./table").ToolbarConfig;
+        statsData: any;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -511,6 +518,12 @@ declare const _Table: {
         keys: {
             type: import("vue").PropType<import("./table").TableConfig["keys"]>;
         };
+        statsColumns: {
+            type: import("vue").PropType<import("vue").MaybeRef<import("./table-stats/table-stats").TableStatisticsColumn[]>>;
+        };
+        statsData: {
+            type: import("vue").MaybeRef<any>;
+        };
         height: (NumberConstructor | StringConstructor)[];
         maxHeight: (NumberConstructor | StringConstructor)[];
         tableLayout: {
@@ -652,6 +665,7 @@ declare const _Table: {
         allowDragLastColumn: boolean;
         preserveExpandedContent: boolean;
         toolbarConfig: boolean | import("./table").ToolbarConfig;
+        statsData: any;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -697,6 +711,12 @@ declare const _Table: {
     keys: {
         type: import("vue").PropType<import("./table").TableConfig["keys"]>;
     };
+    statsColumns: {
+        type: import("vue").PropType<import("vue").MaybeRef<import("./table-stats/table-stats").TableStatisticsColumn[]>>;
+    };
+    statsData: {
+        type: import("vue").MaybeRef<any>;
+    };
     height: (NumberConstructor | StringConstructor)[];
     maxHeight: (NumberConstructor | StringConstructor)[];
     tableLayout: {
@@ -838,6 +858,7 @@ declare const _Table: {
     allowDragLastColumn: boolean;
     preserveExpandedContent: boolean;
     toolbarConfig: boolean | import("./table").ToolbarConfig;
+    statsData: any;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: import("./table").TableSlots;
 }) & import("vue").Plugin;

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

@@ -0,0 +1,14 @@
+import { VNodeChild } from 'vue';
+export interface TableStatisticsColumn {
+    label: VNodeChild;
+    prop: string;
+    format?: (value: unknown) => unknown;
+}
+export interface TableStatisticsProps {
+    columns?: TableStatisticsColumn[];
+    data?: Record<string, unknown>;
+}
+export declare const defaultTableStatsProps: {
+    columns: () => never[];
+    data: () => {};
+};

package/components/table/table-stats/table-stats.js

@@ -0,0 +1,6 @@
+const defaultTableStatsProps = {
+  columns: () => [],
+  data: () => ({})
+};
+
+export { defaultTableStatsProps };

package/components/table/table-stats/table-stats.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/table/table-stats/table-stats.style.js

@@ -0,0 +1,33 @@
+import { getSimpleStyleHook } from '../../theme/getSimpleStyleHook.js';
+
+var stdin_default = getSimpleStyleHook("TableStats", (token) => {
+  const { componentCls } = token;
+  return {
+    [componentCls]: {
+      display: "flex",
+      flexWrap: "wrap",
+      columnGap: token.sizeXXL,
+      alignItems: "center",
+      [`${componentCls}-column`]: {
+        display: "flex",
+        alignItems: "center"
+      },
+      [`${componentCls}-label`]: {
+        fontSize: token.fontSize,
+        color: token.colorTextTertiary
+      },
+      [`${componentCls}-colon`]: {
+        fontSize: token.fontSize,
+        color: token.colorTextTertiary,
+        marginInlineStart: token.marginXXS,
+        marginInlineEnd: token.marginXS
+      },
+      [`${componentCls}-value`]: {
+        fontSize: token.fontSize,
+        color: token.colorText
+      }
+    }
+  };
+});
+
+export { stdin_default as default };

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

@@ -0,0 +1,6 @@
+import { type TableStatisticsProps } from './table-stats';
+declare const _default: import("vue").DefineComponent<TableStatisticsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableStatisticsProps> & Readonly<{}>, {
+    columns: import("./table-stats").TableStatisticsColumn[];
+    data: Record<string, unknown>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,53 @@
+import { defineComponent, mergeDefaults, createBlock, openBlock, resolveDynamicComponent, unref } from 'vue';
+import { defaultTableStatsProps } from './table-stats.js';
+import stdin_default$1 from './table-stats.style.js';
+import { useComponentConfig } from '../../config-provider/config-provider.js';
+import { defineTemplate } from '../../../utils/vue.js';
+
+var stdin_default = /* @__PURE__ */defineComponent({
+  __name: "table-stats",
+  props: /* @__PURE__ */mergeDefaults({
+    columns: {
+      type: Array,
+      required: false
+    },
+    data: {
+      type: Object,
+      required: false
+    }
+  }, defaultTableStatsProps),
+  setup(__props) {
+    const props = __props;
+    const {
+      prefixCls
+    } = useComponentConfig("table-stats");
+    const {
+      hashId
+    } = stdin_default$1(prefixCls);
+    const template = defineTemplate(h => {
+      console.log(props.data);
+      return h("div", {
+        class: [hashId.value, prefixCls.value]
+      }, props.columns.map(column => {
+        let value = props.data[column.prop];
+        if (column.format) {
+          value = column.format(value);
+        }
+        return h("div", {
+          class: `${prefixCls.value}-column`
+        }, [h("div", {
+          class: `${prefixCls.value}-label`
+        }, column.label), h("span", {
+          class: `${prefixCls.value}-colon`
+        }, ":"), h("div", {
+          class: `${prefixCls.value}-value`
+        }, value)]);
+      }));
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(template)));
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/table/table.d.ts

@@ -1,7 +1,8 @@
 import { TableColumnCtx, type PaginationProps } from 'element-plus';
-import { type PropType, type ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes, MaybeRef } from 'vue';
 import { type TableColumnProps } from './table-column/table-column';
 import { TableQueryExpose, type TableQueryProps } from './table-query/table-query';
+import { TableStatisticsColumn } from './table-stats/table-stats';
 export interface ToolbarConfig {
     reload?: boolean;
     export?: boolean | {
@@ -56,6 +57,12 @@ export declare const tableProps: {
     keys: {
         type: PropType<TableConfig["keys"]>;
     };
+    statsColumns: {
+        type: PropType<MaybeRef<TableStatisticsColumn[]>>;
+    };
+    statsData: {
+        type: MaybeRef<any>;
+    };
     height: (NumberConstructor | StringConstructor)[];
     maxHeight: (NumberConstructor | StringConstructor)[];
     tableLayout: {

package/components/table/table.js

@@ -75,6 +75,12 @@ const tableExtraProps = {
   },
   keys: {
     type: Object
+  },
+  statsColumns: {
+    type: Object
+  },
+  statsData: {
+    type: Object
   }
 };
 const tableProps = {

package/components/table/{style/index.d.ts → table.style.d.ts}

@@ -1,10 +1,10 @@
-import { type FullToken } from '../../theme';
+import { type FullToken } from '../theme';
 export interface ComponentToken {
 }
 export interface TableToken extends FullToken<'Table'> {
     tableHeaderBg: string;
 }
-declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string, themeManager?: import("../../theme/theme-context").ThemeManager) => {
+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/table/{style/index.js → table.style.js}

@@ -1,5 +1,5 @@
-import { getStyleHook } from '../../theme/getStyleHook.js';
-import { contrarotation } from '../../style/animation.js';
+import { getStyleHook } from '../theme/getStyleHook.js';
+import { contrarotation } from '../style/animation.js';
 
 const getTableStyle = (token) => {
   const { componentCls } = token;
@@ -28,7 +28,7 @@ const getTableStyle = (token) => {
       [`${componentCls}-toolbar`]: {
         display: "flex",
         flex: "none",
-        alignItems: "center",
+        alignItems: "flex-end",
         justifyContent: "center",
         paddingBlockStart: token.paddingSM,
         paddingInline: token.paddingSM
@@ -49,6 +49,9 @@ const getTableStyle = (token) => {
           animationIterationCount: "infinite"
         }
       },
+      [`${componentCls}-stats-wrapper`]: {
+        paddingBlockStart: token.paddingSM
+      },
       [`${componentCls}-before-table`]: {
         paddingBlockStart: token.paddingSM,
         paddingInline: token.paddingSM

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

@@ -43,6 +43,12 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     keys: {
         type: import("vue").PropType<import("./table").TableConfig["keys"]>;
     };
+    statsColumns: {
+        type: import("vue").PropType<import("vue").MaybeRef<import("./table-stats/table-stats").TableStatisticsColumn[]>>;
+    };
+    statsData: {
+        type: import("vue").MaybeRef<any>;
+    };
     height: (NumberConstructor | StringConstructor)[];
     maxHeight: (NumberConstructor | StringConstructor)[];
     tableLayout: {
@@ -201,6 +207,12 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     keys: {
         type: import("vue").PropType<import("./table").TableConfig["keys"]>;
     };
+    statsColumns: {
+        type: import("vue").PropType<import("vue").MaybeRef<import("./table-stats/table-stats").TableStatisticsColumn[]>>;
+    };
+    statsData: {
+        type: import("vue").MaybeRef<any>;
+    };
     height: (NumberConstructor | StringConstructor)[];
     maxHeight: (NumberConstructor | StringConstructor)[];
     tableLayout: {
@@ -309,6 +321,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     allowDragLastColumn: boolean;
     preserveExpandedContent: boolean;
     toolbarConfig: boolean | ToolbarConfig;
+    statsData: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/components/table/table.vue.js

@@ -3,16 +3,17 @@ import { merge, cloneDeep, get } from 'lodash-es';
 import { reactiveComputed, reactiveOmit } from '@vueuse/core';
 import { useNamespace, useZIndex, ElButton, Mousewheel } from 'element-plus';
 import { tableEmitEvents, tableProps, tableEmitOnEvents, defaultTableConfig, elSlotsName, omittedTableProps, tableExposeKeys } from './table.js';
-import stdin_default$6 from './table-column/table-column.vue.js';
-import stdin_default$5 from './table-column-editor/table-column-editor.vue.js';
+import stdin_default$7 from './table-column/table-column.vue.js';
+import stdin_default$6 from './table-column-editor/table-column-editor.vue.js';
 import stdin_default$2 from './table-query/table-query.vue.js';
-import stdin_default$4 from './table-export/table-export.vue.js';
-import stdin_default$3 from '../icon/icon.vue.js';
+import stdin_default$5 from './table-export/table-export.vue.js';
+import stdin_default$4 from '../icon/icon.vue.js';
 import { filterEmptyFormValue } from './utils.js';
-import stdin_default$1 from './style/index.js';
+import stdin_default$1 from './table.style.js';
 import { hColgroup } from 'element-plus/es/components/table/src/h-helper.mjs';
-import stdin_default$7 from './table-footer/index.js';
+import stdin_default$8 from './table-footer/index.js';
 import { defaultSummaryMethod } from './table-footer/utils.js';
+import stdin_default$3 from './table-stats/table-stats.vue.js';
 import { uniqid } from '../../utils/string.js';
 import { useComponentConfig, useConfig } from '../config-provider/config-provider.js';
 import { flatColumns } from '../../utils/excel/index.js';
@@ -330,6 +331,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
         await execute();
       }
     };
+    const statsColumns = computed(() => unref(props.statsColumns));
+    const statsData = computed(() => unref(props.statsData));
+    const isStatsVisible = computed(() => statsColumns.value && statsColumns.value.length > 0);
     const expose = createMergedExpose(tableExposeKeys, () => elTableRef.value, {
       reload,
       expandAll,
@@ -369,12 +373,19 @@ var stdin_default = /* @__PURE__ */defineComponent({
       /* FULL_PROPS */)], 2
       /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
         class: normalizeClass(`${unref(prefixCls)}-body`)
-      }, [_ctx.$slots["toolbar-left"] || _ctx.$slots["toolbar-right"] || mergedToolbarConfig.value ? (openBlock(), createElementBlock("div", {
+      }, [_ctx.$slots["toolbar-left"] || _ctx.$slots["toolbar-right"] || mergedToolbarConfig.value || isStatsVisible.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(`${unref(prefixCls)}-toolbar`)
       }, [createElementVNode("div", {
         class: normalizeClass(`${unref(prefixCls)}-toolbar-left`)
-      }, [renderSlot(_ctx.$slots, "toolbar-left")], 2
+      }, [renderSlot(_ctx.$slots, "toolbar-left"), isStatsVisible.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(`${unref(prefixCls)}-stats-wrapper`)
+      }, [createVNode(stdin_default$3, {
+        columns: statsColumns.value,
+        data: statsData.value
+      }, null, 8, ["columns", "data"])], 2
+      /* CLASS */)) : createCommentVNode("v-if", true)], 2
       /* CLASS */), createElementVNode("div", {
         class: normalizeClass(`${unref(prefixCls)}-toolbar-right`)
       }, [renderSlot(_ctx.$slots, "toolbar-right"), mergedToolbarConfig.value ? (openBlock(), createElementBlock("div", {
@@ -390,7 +401,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           circle: "",
           onClick: reload
         }, {
-          default: withCtx(() => [createVNode(stdin_default$3, {
+          default: withCtx(() => [createVNode(stdin_default$4, {
             name: "co:rotate-360",
             size: "md",
             class: normalizeClass([`${unref(prefixCls)}-refresh-icon`, {
@@ -412,7 +423,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           circle: "",
           onClick: _cache[0] || (_cache[0] = $event => exportVisible.value = true)
         }, {
-          default: withCtx(() => [createVNode(stdin_default$3, {
+          default: withCtx(() => [createVNode(stdin_default$4, {
             name: "co:download",
             size: "md"
           })]),
@@ -421,7 +432,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         })]),
         _: 1
         /* STABLE */
-      }, 8, ["content"]), createVNode(stdin_default$4, {
+      }, 8, ["content"]), createVNode(stdin_default$5, {
         modelValue: exportVisible.value,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => exportVisible.value = $event),
         title: unref(t)("co.table.exportData"),
@@ -439,7 +450,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           circle: "",
           onClick: onFullScreen
         }, {
-          default: withCtx(() => [createVNode(stdin_default$3, {
+          default: withCtx(() => [createVNode(stdin_default$4, {
             name: unref(isFullPage) ? "co:fullscreen-exit" : "co:fullscreen",
             size: "md"
           }, null, 8, ["name"])]),
@@ -458,7 +469,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           ref: "setting-ref",
           circle: ""
         }, {
-          default: withCtx(() => [createVNode(stdin_default$3, {
+          default: withCtx(() => [createVNode(stdin_default$4, {
             name: "co:settings-adjust",
             size: "md"
           })]),
@@ -468,7 +479,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         /* NEED_PATCH */)]),
         _: 1
         /* STABLE */
-      }, 8, ["content"]), createVNode(stdin_default$5, {
+      }, 8, ["content"]), createVNode(stdin_default$6, {
         modelValue: renderedColumns.value,
         "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => renderedColumns.value = $event),
         "virtual-ref": settingRef.value,
@@ -498,7 +509,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
         "max-height": "none"
       }), createSlots({
         default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(renderedColumns.value, column => {
-          return openBlock(), createBlock(stdin_default$6, mergeProps({
+          return openBlock(), createBlock(stdin_default$7, mergeProps({
             key: column.prop || column.property,
             ref_for: true
           }, column, {
@@ -523,7 +534,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
           key: 0,
           columns: store.value.states.columns,
           "table-layout": _ctx.tableLayout
-        }, null, 8, ["columns", "table-layout"])) : createCommentVNode("v-if", true), store.value ? (openBlock(), createBlock(unref(stdin_default$7), {
+        }, null, 8, ["columns", "table-layout"])) : createCommentVNode("v-if", true), store.value ? (openBlock(), createBlock(unref(stdin_default$8), {
           key: 1,
           border: _ctx.border,
           "default-sort": _ctx.defaultSort,

package/components/theme/interface/components.d.ts

@@ -20,7 +20,7 @@ import type { ComponentToken as LongTextComponentToken } from '../../long-text/s
 import type { ComponentToken as MaskComponentToken } from '../../mask/style';
 import type { ComponentToken as PanelComponentToken } from '../../panel/style';
 import type { ComponentToken as ScrollViewComponentToken } from '../../scroll-view/style';
-import type { ComponentToken as TableComponentToken } from '../../table/style';
+import type { ComponentToken as TableComponentToken } from '../../table/table.style';
 import type { ComponentToken as TableColumnComponentToken } from '../../table/table-column/style';
 import type { ComponentToken as TableColumnEditorComponentToken } from '../../table/table-column-editor/style';
 import type { ComponentToken as TableExportComponentToken } from '../../table/table-export/style';

package/package.json

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