@opentinyvue/vue-grid 3.24.0 → 3.26.0

package/package.json

@@ -1,29 +1,29 @@
 {
   "name": "@opentinyvue/vue-grid",
   "type": "module",
-  "version": "3.24.0",
+  "version": "3.26.0",
   "description": "",
   "license": "MIT",
   "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "dependencies": {
-    "@opentinyvue/vue-common": "~3.24.0",
-    "@opentinyvue/vue-directive": "~3.24.0",
-    "@opentinyvue/vue-dropdown": "~3.24.0",
-    "@opentinyvue/vue-dropdown-item": "~3.24.0",
-    "@opentinyvue/vue-dropdown-menu": "~3.24.0",
-    "@opentinyvue/vue-exception": "~3.24.0",
-    "@opentinyvue/vue-icon": "~3.24.0",
-    "@opentinyvue/vue-loading": "~3.24.0",
-    "@opentinyvue/vue-locale": "~3.24.0",
-    "@opentinyvue/vue-modal": "~3.24.0",
-    "@opentinyvue/vue-pager": "~3.24.0",
-    "@opentinyvue/vue-renderless": "~3.24.0",
-    "@opentinyvue/vue-tag": "~3.24.0",
-    "@opentinyvue/vue-theme": "~3.24.0",
-    "@opentinyvue/vue-tooltip": "~3.24.0",
-    "@opentinyvue/utils": "~3.24.0"
+    "@opentinyvue/utils": "~3.26.0",
+    "@opentinyvue/vue-common": "~3.26.0",
+    "@opentinyvue/vue-directive": "~3.26.0",
+    "@opentinyvue/vue-dropdown": "~3.26.0",
+    "@opentinyvue/vue-dropdown-item": "~3.26.0",
+    "@opentinyvue/vue-dropdown-menu": "~3.26.0",
+    "@opentinyvue/vue-exception": "~3.26.0",
+    "@opentinyvue/vue-icon": "~3.26.0",
+    "@opentinyvue/vue-loading": "~3.26.0",
+    "@opentinyvue/vue-locale": "~3.26.0",
+    "@opentinyvue/vue-modal": "~3.26.0",
+    "@opentinyvue/vue-pager": "~3.26.0",
+    "@opentinyvue/vue-renderless": "~3.26.0",
+    "@opentinyvue/vue-tag": "~3.26.0",
+    "@opentinyvue/vue-theme": "~3.26.0",
+    "@opentinyvue/vue-tooltip": "~3.26.0"
   },
   "types": "index.d.ts",
   "scripts": {

package/src/body/src/body.d.ts

@@ -25,27 +25,41 @@
 import { hooks } from '@opentinyvue/vue-common';
 declare const _default: hooks.DefineComponent<{
     collectColumn: ArrayConstructor;
-    fixedColumn: ArrayConstructor;
-    isGroup: BooleanConstructor;
-    size: StringConstructor;
     tableColumn: ArrayConstructor;
+    tableNode: ArrayConstructor;
     tableData: ArrayConstructor;
-    visibleColumn: ArrayConstructor;
+    footerData: ArrayConstructor;
 }, {
     slots: Readonly<{
         [name: string]: hooks.Slot<any> | undefined;
     }>;
+    rowHeight: hooks.ComputedRef<any>;
+    headerTable: hooks.Ref<never[]>;
+    columnPool: hooks.Ref<never[]>;
+    rowPool: hooks.Ref<never[]>;
+    isNoData: hooks.Ref<boolean>;
+    wrapperScrollLeft: hooks.Ref<number>;
+    wrapperScrollTop: hooks.Ref<number>;
+    stickyWrapper: hooks.Ref<any>;
+    table: hooks.Ref<any>;
+    body: hooks.Ref<any>;
+    customFooter: hooks.Ref<any>;
+    colgroup: hooks.Ref<any>;
+    thead: hooks.Ref<any>;
+    tbody: hooks.Ref<any>;
+    ySpace: hooks.Ref<any>;
+    normalRows: hooks.ShallowRef<{}>;
+    footerRows: hooks.ShallowRef<{}>;
+    resetStickyWrapperScrollPos: () => void;
 }, unknown, {}, {
-    scrollEvent(event: any): void;
+    handleScroll(event: any): void;
+    resizeMousedown(event: any, params: any): void;
+    handleScrollLoad(e: any): void;
 }, hooks.ComponentOptionsMixin, hooks.ComponentOptionsMixin, {}, string, hooks.PublicProps, Readonly<hooks.ExtractPropTypes<{
     collectColumn: ArrayConstructor;
-    fixedColumn: ArrayConstructor;
-    isGroup: BooleanConstructor;
-    size: StringConstructor;
     tableColumn: ArrayConstructor;
+    tableNode: ArrayConstructor;
     tableData: ArrayConstructor;
-    visibleColumn: ArrayConstructor;
-}>>, {
-    isGroup: boolean;
-}, {}>;
+    footerData: ArrayConstructor;
+}>>, {}, {}>;
 export default _default;

package/src/body/src/usePool.d.ts

@@ -0,0 +1,6 @@
+import { hooks } from '@opentinyvue/vue-common';
+export declare const usePool: (props: any) => {
+    columnPool: hooks.Ref<never[]>;
+    rowPool: hooks.Ref<never[]>;
+    isNoData: hooks.Ref<boolean>;
+};

package/src/cell/index.d.ts

@@ -11,7 +11,10 @@
  */
 import CellDefault from './src/cell';
 export declare const Cell: {
-    createColumn($table: any, colProps: any): any;
+    createColumn($table: any, colProps: any): {
+        fixed: any;
+        readonly fixedDetails: any;
+    };
     renderHeader(h: any, params: any, type?: string | undefined): any[];
     renderCell(h: any, params: any): any;
     renderTreeCell(h: any, params: any): any[];

package/src/cell/src/cell.d.ts

@@ -1,6 +1,9 @@
 export declare const runRender: (render: any, ...params: any[]) => any;
 export declare const Cell: {
-    createColumn($table: any, colProps: any): any;
+    createColumn($table: any, colProps: any): {
+        fixed: any;
+        readonly fixedDetails: any;
+    };
     renderHeader(h: any, params: any, type?: string): any[];
     renderCell(h: any, params: any): any;
     renderTreeCell(h: any, params: any): any[];

package/src/column/src/column.d.ts

@@ -88,13 +88,19 @@ declare const _default: hooks.DefineComponent<{
     tiny_mcp_config: ObjectConstructor;
     tiny_chart_theme: ObjectConstructor;
 }, {
-    columnConfig: any;
+    columnConfig: {
+        fixed: any;
+        readonly fixedDetails: any;
+    };
     slots: Readonly<{
         [name: string]: hooks.Slot<any> | undefined;
     }>;
     firstRow: any;
 }, unknown, {}, {
-    createColumn($table: any, colProps: any): any;
+    createColumn($table: any, colProps: any): {
+        fixed: any;
+        readonly fixedDetails: any;
+    };
     renderHeader(h: any, params: any, type?: string | undefined): any[];
     renderCell(h: any, params: any): any;
     renderTreeCell(h: any, params: any): any[];
@@ -219,14 +225,14 @@ declare const _default: hooks.DefineComponent<{
     showIcon: boolean;
     group: boolean;
     showTip: boolean;
-    formatConfig: Record<string, any>;
-    showHeaderTip: boolean;
     resizable: boolean;
-    showHeaderOverflow: string | boolean;
     showOverflow: string | boolean;
-    treeNode: boolean;
+    showHeaderOverflow: string | boolean;
+    showHeaderTip: boolean;
     sortable: boolean;
     remoteSort: boolean;
     filterMultiple: boolean;
+    treeNode: boolean;
+    formatConfig: Record<string, any>;
 }, {}>;
 export default _default;

package/src/composable/index.d.ts

@@ -1,2 +1,7 @@
 export * from './useDrag';
 export * from './useRowGroup';
+export * from './useCellStatus';
+export * from './useData';
+export * from './useHeader';
+export * from './useCellEvent';
+export * from './useCellSpan';

package/src/composable/useCellEvent.d.ts

@@ -0,0 +1,16 @@
+export declare const getConfigOverflow: (column: any, $table: any) => {
+    cellTip: any;
+    cellOverflowTitle: boolean;
+    cellOverflowTooltip: boolean;
+    cellOverflowEllipsis: boolean;
+    cellOverflowHint: boolean;
+    headerTip: any;
+    headerOverflowTitle: boolean;
+    headerOverflowTooltip: boolean;
+    headerOverflowEllipsis: boolean;
+    headerOverflowHint: boolean;
+};
+export declare const useCellEvent: ({ table, $table }: {
+    table: any;
+    $table: any;
+}) => void;

package/src/composable/useCellSpan.d.ts

@@ -0,0 +1,5 @@
+import { hooks } from '@opentinyvue/vue-common';
+export declare const useCellSpan: (bodyVm: any, bodyProps: any) => {
+    normalRows: hooks.ShallowRef<{}>;
+    footerRows: hooks.ShallowRef<{}>;
+};

package/src/composable/useCellStatus.d.ts

@@ -0,0 +1,3 @@
+export declare const getCellKey: ($table: any, row: any, column: any) => string;
+export declare const updateRowStatus: ($table: any, row: any) => void;
+export declare const getCellStatus: ($table: any, row: any, column: any) => any;

package/src/composable/useData.d.ts

@@ -0,0 +1,7 @@
+import { hooks } from '@opentinyvue/vue-common';
+export declare const buildRenderGraph: ($table: any) => void;
+export declare const tileFullData: ($table: any) => void;
+export declare const graphFullData: ($table: any) => void;
+export declare const useData: (props: any) => {
+    tiledLength: hooks.Ref<number>;
+};

package/src/composable/useDrag/index.d.ts

@@ -1,5 +1,5 @@
-export declare const useDrag: ({ dropConfig, collectColumn, tableColumn }: {
-    dropConfig: any;
+export declare const useDrag: ({ props, collectColumn, tableColumn }: {
+    props: any;
     collectColumn: any;
     tableColumn: any;
 }) => void;

package/src/composable/useHeader.d.ts

@@ -0,0 +1,10 @@
+import { hooks } from '@opentinyvue/vue-common';
+export declare const calcHeader: (collectColumn: any) => {
+    leafColumns: never[];
+    headerTable: never[];
+    rowspanMap: WeakMap<object, any>;
+    maxLevel: number;
+};
+export declare const useHeader: (props: any, bodyVm: any, headerRowHeight: any) => {
+    headerTable: hooks.Ref<never[]>;
+};

package/src/composable/useRowGroup.d.ts

@@ -1,6 +1,7 @@
-export declare const useRowGroup: ({ rowGroup, visibleColumn, tableFullColumn, tableColumn }: {
-    rowGroup: any;
+export declare const useRowGroup: ({ props, visibleColumn, tableFullColumn, tableColumn, columnStore }: {
+    props: any;
     visibleColumn: any;
     tableFullColumn: any;
     tableColumn: any;
+    columnStore: any;
 }) => void;

package/src/config.d.ts

@@ -5,6 +5,12 @@ declare const GlobalConfig: {
             [key: string]: any;
         }>, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{}>>, {}, {}>>;
     };
+    editConfig: {
+        trigger: string;
+        mode: string;
+        showStatus: boolean;
+        validateOnActive: boolean;
+    };
     sortConfig: {
         multipleColumnSort: boolean;
     };
@@ -24,6 +30,7 @@ declare const GlobalConfig: {
     optimization: {
         animat: boolean;
         delayHover: number;
+        scrollDelay: number;
         scrollX: {
             gt: number;
         };
@@ -208,6 +215,35 @@ declare const GlobalConfig: {
         TINY: string;
         SAAS: string;
     };
+    rowHeight: {
+        tiny: {
+            mini: number;
+            small: number;
+            default: number;
+            medium: number;
+        };
+        saas: {
+            mini: number;
+            small: number;
+            default: number;
+            medium: number;
+        };
+    };
+    headerRowHeight: {
+        tiny: {
+            mini: number;
+            small: number;
+            default: number;
+            medium: number;
+        };
+        saas: {
+            mini: number;
+            small: number;
+            default: number;
+            medium: number;
+        };
+    };
+    emptyMinHeight: number;
     columnLevelKey: string;
     defaultColumnName: string;
 };

package/src/edit/src/methods.d.ts

@@ -74,6 +74,6 @@ declare const _default: {
     /**
      * 处理选中源
      */
-    handleSelected(params: any, event: any): any;
+    handleSelected(params: any, event: any, noDebounce: any): any;
 };
 export default _default;

package/src/grid/grid.d.ts

@@ -64,6 +64,7 @@ declare const _default: hooks.DefineComponent<any, {
     tasks: {};
     fullScreenClass: string;
     isInitialLoading: boolean;
+    _delayActivateAnchor: undefined;
 }, {
     isMsg(): boolean;
     tableProps(): {};
@@ -74,6 +75,9 @@ declare const _default: hooks.DefineComponent<any, {
     isModeMobileFirst(): boolean;
     isViewGantt(): boolean;
     isViewCustom(): boolean;
+    optimizOpt(): any;
+    editConfigOpt(): any;
+    tooltipOpt(): any;
 }, {
     updateParentHeight(): void;
     connect({ name, vm }: {
@@ -87,8 +91,6 @@ declare const _default: hooks.DefineComponent<any, {
     handleActiveMethod(params: any): any;
     sortChangeEvent(params: any): void;
     viewCls(module: any): any;
-    addIntersectionObserver(): void;
-    removeIntersectionObserver(): void;
     filterChangeEvent(params: any): void;
 }, hooks.ComponentOptionsMixin, hooks.ComponentOptionsMixin, {}, string, hooks.PublicProps, Readonly<any>, {} | {
     [x: string]: any;

package/src/mobile-first/index.vue.d.ts

@@ -6,13 +6,6 @@ declare const _default: hooks.DefineComponent<{
     listConfig: ObjectConstructor;
     ganttConfig: ObjectConstructor;
     customConfig: ObjectConstructor;
-    tiny_mode: StringConstructor;
-    tiny_mode_root: BooleanConstructor;
-    tiny_template: (ObjectConstructor | FunctionConstructor)[];
-    tiny_renderless: FunctionConstructor;
-    tiny_theme: StringConstructor;
-    tiny_mcp_config: ObjectConstructor;
-    tiny_chart_theme: ObjectConstructor;
 }, unknown, {
     primaryColumn: null;
     contentColumns: null;
@@ -41,6 +34,7 @@ declare const _default: hooks.DefineComponent<{
     rowClass(): string;
     wrapperStyle(): string;
     exceptionVisible(): boolean;
+    isLoading(): any;
 }, {
     mapColumns(): void;
     typeColumns(columns: Array<Column>, types: Array<String>, field?: string): Column[];
@@ -66,14 +60,5 @@ declare const _default: hooks.DefineComponent<{
     listConfig: ObjectConstructor;
     ganttConfig: ObjectConstructor;
     customConfig: ObjectConstructor;
-    tiny_mode: StringConstructor;
-    tiny_mode_root: BooleanConstructor;
-    tiny_template: (ObjectConstructor | FunctionConstructor)[];
-    tiny_renderless: FunctionConstructor;
-    tiny_theme: StringConstructor;
-    tiny_mcp_config: ObjectConstructor;
-    tiny_chart_theme: ObjectConstructor;
-}>>, {
-    tiny_mode_root: boolean;
-}, {}>;
+}>>, {}, {}>;
 export default _default;

package/src/table/src/methods.d.ts

@@ -1,5 +1,7 @@
 import { handleGlobalMousedownEvent, handleGlobalBlurEvent, handleGlobalMousewheelEvent, handleArrowKeyDown, handleCopyKeyDown, handleCtxMenu, handleDelKeyDown, handleEnterKeyDown, handleEscKeyDown, handleF2KeyDown, handleOtherKeyDown, handleSpaceKeyDown, handleTabKeyDown, handleGlobalKeydownEvent, handleGlobalResizeEvent, handleGlobalMousedownCaptureEvent } from './events';
 declare const Methods: {
+    addIntersectionObserver(): void;
+    removeIntersectionObserver(): void;
     getParentElem(): any;
     updateParentHeight(): void;
     getParentHeight(): any;
@@ -11,22 +13,40 @@ declare const Methods: {
     loadTableData(datas: any, notRefresh: any): any;
     reloadData(datas: any): any;
     loadData(datas: any): Promise<unknown>;
+    getOriginRow(row: any): any;
+    setOriginRow(row: any, record: any): void;
     reloadRow(row: any, record: any, field: any): any;
     reloadColumn(columns: any): any;
     loadColumn(columns: any): Promise<any>;
-    updateCache(source: any): void;
-    cacheColumnMap(): void;
-    getRowNode(tr: any): any;
-    getColumnNode(cell: any): any;
+    /** 设置数据查找缓存，对数据进行备份，深度克隆  */
+    updateCache(backup?: boolean, deepCopy?: boolean): void;
+    cacheColumnMap(options: any): void;
+    getRowNode(tr: any): {
+        item: any;
+        index: any;
+        items: any;
+    } | null;
+    getColumnNode(cell: any): {
+        index: any;
+        item: any;
+        items: any;
+    } | null;
     getRowIndex(row: any): any;
     getColumnIndex(column: any): any;
-    hasIndexColumn(column: any): any;
+    hasIndexColumn(column: any): boolean;
     defineField(row: any, copy: any): any;
     isTemporaryRow(row: any): any;
     createData(records: any, copy: any): Promise<unknown>;
     createRow(records: any): Promise<unknown>;
+    /**
+     * 清空单元格内容：
+     * 如果不传参数，则清空整个表格内容；
+     * 如果传row，则清空一行内容；
+     * 如果传rows，则清空多行内容；
+     * 如果还额外传了field，则清空指定单元格内容；
+     */
     clearData(rows: any, field: any): any;
-    hasRowInsert(row: any): number;
+    hasRowInsert(row: any): any;
     compareRow(row: any, originalRow: any, field: any): any;
     hasRowChange(row: any, field: any): any;
     getColumns(columnIndex: any): any;
@@ -41,6 +61,12 @@ declare const Methods: {
     getData(rowIndex: any): any;
     getSelectRecords(notCopy: any): any;
     updateAfterFullData(): any;
+    /** 处理后数据，构建分组数据和构建渲染图 */
+    handleAfterFullData(): void;
+    /** 处理外部过滤和重置，区别于表头过滤 */
+    handleExternalFilter(value: any, filter: any): Promise<unknown>;
+    updateSelectionStatus(): void;
+    getRowCount(): any;
     getRowById(rowid: any): any;
     getTableData(): {
         visibleData: any;
@@ -51,10 +77,10 @@ declare const Methods: {
     handleDefault(): void;
     mergeCustomColumn(customColumns: any, sort: any, colWidth: any): void;
     resetAll(): void;
-    hideColumn(tableColumn: any): any;
-    showColumn(tableColumn: any): any;
+    showColumn(column: any): any;
+    hideColumn(column: any): any;
+    handleVisibleColumn(column: any, visible: any): any;
     resetCustoms(): any;
-    handleVisibleColumn(tableColumn: any, visible: any): any;
     reloadCustoms(customColumns: any, sort: any, colWidth: any): any;
     watchColumn(value: any): void;
     refreshColumn(): any;
@@ -64,10 +90,9 @@ declare const Methods: {
      * 支持（width=?、width=?px、width=?%、min-width=?、min-width=?px、min-width=?%）
      */
     recalculate(): any;
-    autoCellWidth(headerEl: any, bodyEl: any, footerEl: any): void;
-    syncHeaderHeight(): void;
+    autoCellWidth(): void;
     resetResizable(): any;
-    updateStyle(): any;
+    updateStyle(): void;
     preventEvent(event: any, type: any, args: any, next: any, end: any): void;
     blurOutside({ row, args, column }: {
         row: any;
@@ -133,8 +158,6 @@ declare const Methods: {
     getRowHeight(): any;
     computeScrollLoad(): any;
     updateScrollXData(): void;
-    updateScrollXSpace(): void;
-    debounceRaf(handlerKey: any, callback: any): void;
     updateScrollYData(): void;
     updateScrollYSpace(): void;
     updateScrollLoadBar(event: any): void;
@@ -165,14 +188,15 @@ declare const Methods: {
         targetElem?: undefined;
     };
     handleVisibilityChange(visible: any, entry: any): void;
-    updateTableBodyHeight(): void;
     toggleColumnOrder(column: any): "asc" | "desc" | null;
-    watchDataForVue3(): void;
+    handleDataChange(): void;
     getVm(name: any): any;
     assembleColumns(): void;
     isValidCustomColumn(columnName: any): any;
     computeCollectKey(): string;
     getAllSelection(): any;
-    attemptRestoreScoll(options: any): any;
+    attemptRestoreScroll(options: any): any;
+    updateRowStatus(row: any): void;
+    getCellStatus(row: any, column: any): any;
 };
 export default Methods;

package/src/table/src/strategy.d.ts

@@ -1,34 +1,24 @@
-declare const getRowUniqueId: () => string;
-declare const setTableRowKey: ($table: any) => any;
-declare const getTableRowKey: ($table: any) => any;
-declare const getTableCellKey: ({ $table, column, row }: {
-    $table: any;
-    column: any;
-    row: any;
-}) => string;
-declare const setTreeScrollYCache: (_vm: any) => void;
-declare const sliceFullData: (_vm: any) => any;
-declare const getTotalRows: (_vm: any) => any;
-declare const getTreeChildrenKey: ({ scrollYLoad, treeConfig }: {
-    scrollYLoad: any;
-    treeConfig: any;
-}) => any;
-declare const getTreeShowKey: ({ scrollYLoad, treeConfig }: {
-    scrollYLoad: any;
-    treeConfig: any;
-}) => string | undefined;
-declare const sliceVisibleColumn: (tableVm: any) => {
+declare const sliceVisibleColumn: (args: any) => {
     tableColumn: any;
     lastStartIndex: any;
     visibleColumnChanged: any;
     sliced: boolean;
+    addedColumn: never[];
 };
-declare const clearOnTableUnmount: ($table: any) => void;
-declare const setSliceColumnTree: (_vm: any) => any;
 /** 判断是否是虚拟行 */
 declare const isVirtualRow: (row: any) => any;
 /** 普通表分组场景，在全量数据筛选排序之后，进行分组处理生成虚拟行 */
 declare const buildRowGroupFullData: (fullData: any, _vm: any) => void;
 /** 普通表分组场景，分组行点击处理 */
 declare const handleRowGroupFold: (row: any, _vm: any) => void;
-export { clearOnTableUnmount, getRowUniqueId, getTableCellKey, getTableRowKey, getTotalRows, getTreeChildrenKey, getTreeShowKey, setTreeScrollYCache, setTableRowKey, sliceFullData, sliceVisibleColumn, setSliceColumnTree, buildRowGroupFullData, handleRowGroupFold, isVirtualRow };
+declare const getFixedStyle: ({ fixedDetails }: {
+    fixedDetails: any;
+}, { overflowX }: {
+    overflowX: any;
+}) => any;
+declare const getFixedClass: ({ fixedDetails }: {
+    fixedDetails: any;
+}, { overflowX }: {
+    overflowX: any;
+}) => any;
+export { sliceVisibleColumn, buildRowGroupFullData, handleRowGroupFold, isVirtualRow, getFixedStyle, getFixedClass };