@visactor/vue-vtable 1.9.2-alpha.3 → 1.10.0

package/cjs/index.d.ts

@@ -2,4 +2,4 @@ import * as VTable from '@visactor/vtable';
 export * from './tables';
 export * from './components';
 export { VTable };
-export declare const version = "1.9.2-alpha.3";
+export declare const version = "1.10.0";

package/cjs/index.js

@@ -40,7 +40,7 @@ function _interopNamespaceDefault(e) {
 
 var VTable__namespace = /*#__PURE__*/_interopNamespaceDefault(VTable);
 
-const version = "1.9.2-alpha.3";
+const version = "1.10.0";
 
 exports.VTable = VTable__namespace;
 Object.defineProperty(exports, 'register', {

package/cjs/tables/base-table.vue.d.ts

@@ -232,63 +232,226 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<{
-    options: any;
-    width: string | number;
-    height: string | number;
-    onClickCell: any;
-    onDblClickCell: any;
-    onMouseDownCell: any;
-    onMouseUpCell: any;
-    onSelectedCell: any;
-    onKeyDown: any;
-    onMouseEnterTable: any;
-    onMouseLeaveTable: any;
-    onMouseDownTable: any;
-    onMouseMoveCell: any;
-    onMouseEnterCell: any;
-    onMouseLeaveCell: any;
-    onContextMenuCell: any;
-    onResizeColumn: any;
-    onResizeColumnEnd: any;
-    onChangeHeaderPosition: any;
-    onSortClick: any;
-    onFreezeClick: any;
-    onScroll: any;
-    onDropdownMenuClick: any;
-    onMouseOverChartSymbol: any;
-    onDragSelectEnd: any;
-    onDropdownIconClick: any;
-    onDropdownMenuClear: any;
-    onTreeHierarchyStateChange: any;
-    onShowMenu: any;
-    onHideMenu: any;
-    onIconClick: any;
-    onLegendItemClick: any;
-    onLegendItemHover: any;
-    onLegendItemUnHover: any;
-    onLegendChange: any;
-    onMouseEnterAxis: any;
-    onMouseLeaveAxis: any;
-    onCheckboxStateChange: any;
-    onRadioStateChange: any;
-    onAfterRender: any;
-    onInitialized: any;
-    onPivotSortClick: any;
-    onDrillMenuClick: any;
-    onVChartEventType: any;
-    onChangCellValue: any;
-    onMousedownFillHandle: any;
-    onDragFillHandleEnd: any;
-    onDblclickFillHandle: any;
-    onScrollVerticalEnd: any;
-    onScrollHorizontalEnd: any;
-} & {
-    type?: string;
-    records?: unknown[];
-    onReady?: Function;
-    onError?: Function;
-} & {
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+    options: {
+        type: any;
+        required: false;
+    };
+    records: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    onReady: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    onError: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    onClickCell: {
+        type: any;
+        required: false;
+    };
+    onDblClickCell: {
+        type: any;
+        required: false;
+    };
+    onMouseDownCell: {
+        type: any;
+        required: false;
+    };
+    onMouseUpCell: {
+        type: any;
+        required: false;
+    };
+    onSelectedCell: {
+        type: any;
+        required: false;
+    };
+    onKeyDown: {
+        type: any;
+        required: false;
+    };
+    onMouseEnterTable: {
+        type: any;
+        required: false;
+    };
+    onMouseLeaveTable: {
+        type: any;
+        required: false;
+    };
+    onMouseDownTable: {
+        type: any;
+        required: false;
+    };
+    onMouseMoveCell: {
+        type: any;
+        required: false;
+    };
+    onMouseEnterCell: {
+        type: any;
+        required: false;
+    };
+    onMouseLeaveCell: {
+        type: any;
+        required: false;
+    };
+    onContextMenuCell: {
+        type: any;
+        required: false;
+    };
+    onResizeColumn: {
+        type: any;
+        required: false;
+    };
+    onResizeColumnEnd: {
+        type: any;
+        required: false;
+    };
+    onChangeHeaderPosition: {
+        type: any;
+        required: false;
+    };
+    onSortClick: {
+        type: any;
+        required: false;
+    };
+    onFreezeClick: {
+        type: any;
+        required: false;
+    };
+    onScroll: {
+        type: any;
+        required: false;
+    };
+    onDropdownMenuClick: {
+        type: any;
+        required: false;
+    };
+    onMouseOverChartSymbol: {
+        type: any;
+        required: false;
+    };
+    onDragSelectEnd: {
+        type: any;
+        required: false;
+    };
+    onDropdownIconClick: {
+        type: any;
+        required: false;
+    };
+    onDropdownMenuClear: {
+        type: any;
+        required: false;
+    };
+    onTreeHierarchyStateChange: {
+        type: any;
+        required: false;
+    };
+    onShowMenu: {
+        type: any;
+        required: false;
+    };
+    onHideMenu: {
+        type: any;
+        required: false;
+    };
+    onIconClick: {
+        type: any;
+        required: false;
+    };
+    onLegendItemClick: {
+        type: any;
+        required: false;
+    };
+    onLegendItemHover: {
+        type: any;
+        required: false;
+    };
+    onLegendItemUnHover: {
+        type: any;
+        required: false;
+    };
+    onLegendChange: {
+        type: any;
+        required: false;
+    };
+    onMouseEnterAxis: {
+        type: any;
+        required: false;
+    };
+    onMouseLeaveAxis: {
+        type: any;
+        required: false;
+    };
+    onCheckboxStateChange: {
+        type: any;
+        required: false;
+    };
+    onRadioStateChange: {
+        type: any;
+        required: false;
+    };
+    onAfterRender: {
+        type: any;
+        required: false;
+    };
+    onInitialized: {
+        type: any;
+        required: false;
+    };
+    onPivotSortClick: {
+        type: any;
+        required: false;
+    };
+    onDrillMenuClick: {
+        type: any;
+        required: false;
+    };
+    onVChartEventType: {
+        type: any;
+        required: false;
+    };
+    onChangCellValue: {
+        type: any;
+        required: false;
+    };
+    onMousedownFillHandle: {
+        type: any;
+        required: false;
+    };
+    onDragFillHandleEnd: {
+        type: any;
+        required: false;
+    };
+    onDblclickFillHandle: {
+        type: any;
+        required: false;
+    };
+    onScrollVerticalEnd: {
+        type: any;
+        required: false;
+    };
+    onScrollHorizontalEnd: {
+        type: any;
+        required: false;
+    };
+}>> & Readonly<{
     [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
 }>, {
     options: any;
@@ -341,5 +504,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onDblclickFillHandle: any;
     onScrollVerticalEnd: any;
     onScrollHorizontalEnd: any;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/cjs/tables/list-table.vue.d.ts

@@ -17,11 +17,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    options: Record<string, any>;
-} & {
-    records?: unknown[];
-    width?: string | number;
-    height?: string | number;
-} & {}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    records: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/cjs/tables/pivot-chart.vue.d.ts

@@ -17,11 +17,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    options: Record<string, any>;
-} & {
-    records?: unknown[];
-    width?: string | number;
-    height?: string | number;
-} & {}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    records: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/cjs/tables/pivot-table.vue.d.ts

@@ -17,11 +17,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    options: Record<string, any>;
-} & {
-    records?: unknown[];
-    width?: string | number;
-    height?: string | number;
-} & {}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    records: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/vue-vtable.js

@@ -647,7 +647,7 @@
   }
   CheckBox.symbol = 'CheckBox';
 
-  const version = "1.9.2-alpha.3";
+  const version = "1.10.0";
 
   exports.VTable = VTable__namespace;
   Object.defineProperty(exports, 'register', {

package/dist/vue-vtable.min.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@visactor/vtable"),require("vue"),require("@visactor/vutils")):"function"==typeof define&&define.amd?define(["exports","@visactor/vtable","vue","@visactor/vutils"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).VueVTable={},e.VTable,e.vue,e.vutils)}(this,(function(e,o,n,t){"use strict";function r(e){var o=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),o.default=e,Object.freeze(o)}var l=r(o);function i(e){return e.flatMap((e=>Array.isArray(e.children)?i(e.children):e))}function u(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function s(e){const o={};for(const n in e)if(e.hasOwnProperty(n)){o[u(n)]=e[n]}return o}function a(e){const o={Group:l.CustomLayout.Group,Image:l.CustomLayout.Image,Text:l.CustomLayout.Text,Tag:l.CustomLayout.Tag,Radio:l.CustomLayout.Radio,CheckBox:l.CustomLayout.CheckBox};return{rootComponent:function e(n){if(!n)return null;const{type:r,children:l}=n,i=s(n.props),a=o[r?.symbol||r?.name];if(!a)return null;const c=new a({...i});!function(e,o){Object.keys(o).forEach((n=>{if(function(e,o){return e.startsWith("on")&&t.isFunction(o[e])}(n,o)){let t;t=n.startsWith("on")?n.slice(2).toLowerCase():u(n.slice(2)).toLowerCase(),e.addEventListener(t,o[n])}}))}(c,i);return function(e){return e?.default?.()||e||[]}(l).forEach((o=>{const n=e(o);n?c.add(n):o.type===Symbol.for("v-fgt")&&o.children.forEach((o=>{const n=e(o);n&&c.add(n)}))})),c}(e)}}const c={...o.ListTable.EVENT_TYPE,...o.PivotTable.EVENT_TYPE,...o.PivotChart.EVENT_TYPE},d={onClickCell:c.CLICK_CELL,onDblClickCell:c.DBLCLICK_CELL,onMouseDownCell:c.MOUSEDOWN_CELL,onMouseUpCell:c.MOUSEUP_CELL,onSelectedCell:c.SELECTED_CELL,onKeyDown:c.KEYDOWN,onMouseEnterTable:c.MOUSEENTER_TABLE,onMouseLeaveTable:c.MOUSELEAVE_TABLE,onMouseDownTable:c.MOUSEDOWN_TABLE,onMouseMoveCell:c.MOUSEMOVE_CELL,onMouseEnterCell:c.MOUSEENTER_CELL,onMouseLeaveCell:c.MOUSELEAVE_CELL,onContextMenuCell:c.CONTEXTMENU_CELL,onResizeColumn:c.RESIZE_COLUMN,onResizeColumnEnd:c.RESIZE_COLUMN_END,onChangeHeaderPosition:c.CHANGE_HEADER_POSITION,onSortClick:c.SORT_CLICK,onFreezeClick:c.FREEZE_CLICK,onScroll:c.SCROLL,onDropdownMenuClick:c.DROPDOWN_MENU_CLICK,onMouseOverChartSymbol:c.MOUSEOVER_CHART_SYMBOL,onDragSelectEnd:c.DRAG_SELECT_END,onDropdownIconClick:c.DROPDOWN_ICON_CLICK,onDropdownMenuClear:c.DROPDOWN_MENU_CLEAR,onTreeHierarchyStateChange:c.TREE_HIERARCHY_STATE_CHANGE,onShowMenu:c.SHOW_MENU,onHideMenu:c.HIDE_MENU,onIconClick:c.ICON_CLICK,onLegendItemClick:c.LEGEND_ITEM_CLICK,onLegendItemHover:c.LEGEND_ITEM_HOVER,onLegendItemUnHover:c.LEGEND_ITEM_UNHOVER,onLegendChange:c.LEGEND_CHANGE,onMouseEnterAxis:c.MOUSEENTER_AXIS,onMouseLeaveAxis:c.MOUSELEAVE_AXIS,onCheckboxStateChange:c.CHECKBOX_STATE_CHANGE,onRadioStateChange:c.RADIO_STATE_CHANGE,onAfterRender:c.AFTER_RENDER,onInitialized:c.INITIALIZED,onPivotSortClick:c.PIVOT_SORT_CLICK,onDrillMenuClick:c.DRILLMENU_CLICK,onVChartEventType:c.VCHART_EVENT_TYPE,onChangCellValue:c.CHANGE_CELL_VALUE,onMousedownFillHandle:c.MOUSEDOWN_FILL_HANDLE,onDragFillHandleEnd:c.DRAG_FILL_HANDLE_END,onDblclickFillHandle:c.DBLCLICK_FILL_HANDLE,onScrollVerticalEnd:c.SCROLL_VERTICAL_END,onScrollHorizontalEnd:c.SCROLL_HORIZONTAL_END},p=Object.keys(d);var C=n.defineComponent({__name:"base-table",props:{type:{type:String,required:!1},options:{type:null,required:!1},records:{type:Array,required:!1},width:{type:[Number,String],required:!1,default:"100%"},height:{type:[Number,String],required:!1,default:"100%"},onReady:{type:Function,required:!1},onError:{type:Function,required:!1},onClickCell:{type:null,required:!1},onDblClickCell:{type:null,required:!1},onMouseDownCell:{type:null,required:!1},onMouseUpCell:{type:null,required:!1},onSelectedCell:{type:null,required:!1},onKeyDown:{type:null,required:!1},onMouseEnterTable:{type:null,required:!1},onMouseLeaveTable:{type:null,required:!1},onMouseDownTable:{type:null,required:!1},onMouseMoveCell:{type:null,required:!1},onMouseEnterCell:{type:null,required:!1},onMouseLeaveCell:{type:null,required:!1},onContextMenuCell:{type:null,required:!1},onResizeColumn:{type:null,required:!1},onResizeColumnEnd:{type:null,required:!1},onChangeHeaderPosition:{type:null,required:!1},onSortClick:{type:null,required:!1},onFreezeClick:{type:null,required:!1},onScroll:{type:null,required:!1},onDropdownMenuClick:{type:null,required:!1},onMouseOverChartSymbol:{type:null,required:!1},onDragSelectEnd:{type:null,required:!1},onDropdownIconClick:{type:null,required:!1},onDropdownMenuClear:{type:null,required:!1},onTreeHierarchyStateChange:{type:null,required:!1},onShowMenu:{type:null,required:!1},onHideMenu:{type:null,required:!1},onIconClick:{type:null,required:!1},onLegendItemClick:{type:null,required:!1},onLegendItemHover:{type:null,required:!1},onLegendItemUnHover:{type:null,required:!1},onLegendChange:{type:null,required:!1},onMouseEnterAxis:{type:null,required:!1},onMouseLeaveAxis:{type:null,required:!1},onCheckboxStateChange:{type:null,required:!1},onRadioStateChange:{type:null,required:!1},onAfterRender:{type:null,required:!1},onInitialized:{type:null,required:!1},onPivotSortClick:{type:null,required:!1},onDrillMenuClick:{type:null,required:!1},onVChartEventType:{type:null,required:!1},onChangCellValue:{type:null,required:!1},onMousedownFillHandle:{type:null,required:!1},onDragFillHandleEnd:{type:null,required:!1},onDblclickFillHandle:{type:null,required:!1},onScrollVerticalEnd:{type:null,required:!1},onScrollHorizontalEnd:{type:null,required:!1}},emits:p,setup(e,{expose:t,emit:r}){const l=e,i=n.ref(null),u=n.shallowRef(null);t({vTableInstance:u});const s=n.computed((()=>"number"==typeof l.width?`${l.width}px`:l.width)),a=n.computed((()=>"number"==typeof l.height?`${l.height}px`:l.height)),c=r,C=()=>{if(!i.value)return;u.value&&u.value.release();const e=()=>void 0!==l.records&&null!==l.records&&l.records.length>0?l.records:l.options.records,n=(e,o)=>{u.value=new e(i.value,o)};try{switch(l.type){case"list":n(o.ListTable,{...l.options,records:e()});break;case"pivot":n(o.PivotTable,{...l.options,records:e()});break;case"chart":n(o.PivotChart,{...l.options,records:e()})}t=u.value,p.forEach((e=>{t.on(d[e],(o=>{c(e,o)}))})),l.onReady?.(u.value,!0)}catch(e){}var t},m=e=>{if(u.value)try{switch(l.type){case"list":u.value instanceof o.ListTable&&u.value.updateOption(e);break;case"pivot":u.value instanceof o.PivotTable&&u.value.updateOption(e);break;case"chart":u.value instanceof o.PivotChart&&u.value.updateOption(e)}}catch(e){l.onError?.(e)}};return n.onMounted(C),n.onBeforeUnmount((()=>u.value?.release())),n.watch((()=>l.options),(e=>{u.value?m(e):C()}),{deep:!0}),n.watch((()=>l.records),((e,o)=>{u.value?m({...l.options,records:e}):C()}),{deep:!0}),(e,o)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"vTableContainer",ref:i,style:n.normalizeStyle([{width:s.value,height:a.value},{position:"relative"}])},null,4))}}),m=n.defineComponent({__name:"list-table",props:{options:{type:Object,required:!0},records:{type:Array,required:!1},width:{type:[String,Number],required:!1},height:{type:[String,Number],required:!1}},setup(e,{expose:o}){const t=e,r=n.ref(null),l=n.useSlots(),u=n.computed((()=>{const e=function(e){const o={columns:[],tooltip:{},menu:{}},n={ListColumn:"columns",Tooltip:"tooltip",Menu:"menu"};return e.forEach((e=>{e.props=s(e.props);const t=e.type?.symbol||e.type?.name,r=n[t];var l;r&&("columns"===r&&e.children&&(e.props.customLayout=(l=e.children,e=>{const{table:o,row:n,col:t,rect:r}=e,i=o.getCellOriginRecord(t,n),{height:u,width:s}=r??o.getCellRect(t,n),c=l.customLayout({table:o,row:n,col:t,rect:r,record:i,height:u,width:s})[0],{rootComponent:d}=a(c);return{rootContainer:d,renderDefault:!1}})),Array.isArray(o[r])?o[r].push(e.props):o[r]=e.props)})),o}(i(l.default?.()||[]));return{...t.options,columns:e.columns.length?e.columns:t.options.columns,tooltip:e.tooltip||t.options.tooltip,menu:e.menu||t.options.menu}}));return o({vTableInstance:n.computed((()=>r.value?.vTableInstance||null))}),(e,o)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createVNode(C,n.mergeProps({type:"list",options:u.value,records:e.records,width:e.width,height:e.height,ref_key:"baseTableRef",ref:r},e.$attrs),null,16,["options","records","width","height"]),n.renderSlot(e.$slots,"default")],64))}}),y=n.defineComponent({__name:"pivot-table",props:{options:{type:Object,required:!0},records:{type:Array,required:!1},width:{type:[String,Number],required:!1},height:{type:[String,Number],required:!1}},setup(e,{expose:o}){const t=e,r=n.shallowRef(null),l=n.useSlots(),u=n.computed((()=>{const e=i(l.default?.()||[]),o={columns:[],columnHeaderTitle:[],rows:[],rowHeaderTitle:[],indicators:[],corner:Object,tooltip:Object,menu:Object},n={PivotColumnDimension:"columns",PivotColumnHeaderTitle:"columnHeaderTitle",PivotRowDimension:"rows",PivotRowHeaderTitle:"rowHeaderTitle",PivotCorner:"corner",PivotIndicator:"indicators",Tooltip:"tooltip",Menu:"menu"};return e.forEach((e=>{e.props=s(e.props);const t=e.type?.symbol||e.type?.name,r=n[t];r&&(Array.isArray(o[r])?o[r].push(e.props):o[r]=e.props)})),{...t.options,columns:o.columns.length?o.columns:t.options.columns,columnHeaderTitle:o.columnHeaderTitle.length?o.columnHeaderTitle:t.options.columnHeaderTitle,rows:o.rows.length?o.rows:t.options.rows,rowHeaderTitle:o.rowHeaderTitle.length?o.rowHeaderTitle:t.options.rowHeaderTitle,indicators:o.indicators.length?o.indicators:t.options.indicators,corner:t.options.corner||o.corner,tooltip:t.options.tooltip||o.tooltip,menu:t.options.menu||o.menu}}));return o({vTableInstance:n.computed((()=>r.value?.vTableInstance||null))}),(e,o)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createVNode(C,n.mergeProps({type:"pivot",options:u.value,records:e.records,width:e.width,height:e.height,ref_key:"baseTableRef",ref:r},e.$attrs),null,16,["options","records","width","height"]),n.renderSlot(e.$slots,"default")],64))}}),E=n.defineComponent({__name:"pivot-chart",props:{options:{type:Object,required:!0},records:{type:Array,required:!1},width:{type:[String,Number],required:!1},height:{type:[String,Number],required:!1}},setup(e,{expose:o}){const t=e,r=n.shallowRef(null),l=n.useSlots(),u=n.computed((()=>{const e=i(l.default?.()||[]),o={columns:[],columnHeaderTitle:[],rows:[],rowHeaderTitle:[],indicators:[],corner:Object,tooltip:Object,menu:Object},n={PivotColumnDimension:"columns",PivotColumnHeaderTitle:"columnHeaderTitle",PivotRowDimension:"rows",PivotRowHeaderTitle:"rowHeaderTitle",PivotCorner:"corner",PivotIndicator:"indicators",Tooltip:"tooltip",Menu:"menu"};return e.forEach((e=>{e.props=s(e.props);const t=e.type?.symbol||e.type?.name,r=n[t];r&&(Array.isArray(o[r])?e.props.hasOwnProperty("objectHandler")?o[r].push(e.props.objectHandler):o[r].push(e.props):o[r]=e.props)})),{...t.options,columns:o.columns.length?o.columns:t.options.columns,columnHeaderTitle:o.columnHeaderTitle.length?o.columnHeaderTitle:t.options.columnHeaderTitle,rows:o.rows.length?o.rows:t.options.rows,rowHeaderTitle:o.rowHeaderTitle.length?o.rowHeaderTitle:t.options.rowHeaderTitle,indicators:o.indicators.length?o.indicators:t.options.indicators,corner:o.corner||t.options.corner,tooltip:o.tooltip||t.options.tooltip,menu:o.menu||t.options.menu}}));return o({vTableInstance:n.computed((()=>r.value?.vTableInstance||null))}),(e,o)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createVNode(C,n.mergeProps({type:"chart",options:u.value,records:e.records,width:e.width,height:e.height,ref_key:"baseTableRef",ref:r},e.$attrs),null,16,["options","records","width","height"]),n.renderSlot(e.$slots,"default")],64))}});function h(e){return null}function T(e){return null}function v(e){return null}function b(e){return null}function f(e){return null}function L(e){return null}function g(e){return null}function w(e){return null}function _(e){return null}function H(){return null}function M(){return null}function O(){return null}function S(e){return null}function q(e){return null}function D(e){return null}h.symbol="ListColumn",T.symbol="PivotColumnDimension",v.symbol="PivotRowDimension",b.symbol="PivotColumnHeaderTitle",f.symbol="PivotRowHeaderTitle",L.symbol="PivotIndicator",g.symbol="PivotCorner",w.symbol="Menu",_.symbol="Tooltip",H.symbol="Group",M.symbol="Image",O.symbol="Text",S.symbol="Tag",q.symbol="Radio",D.symbol="CheckBox";e.VTable=l,Object.defineProperty(e,"register",{enumerable:!0,get:function(){return o.register}}),e.CheckBox=D,e.Group=H,e.Image=M,e.ListColumn=h,e.ListTable=m,e.Menu=w,e.PivotChart=E,e.PivotColumnDimension=T,e.PivotColumnHeaderTitle=b,e.PivotCorner=g,e.PivotIndicator=L,e.PivotRowDimension=v,e.PivotRowHeaderTitle=f,e.PivotTable=y,e.Radio=q,e.Tag=S,e.Text=O,e.Tooltip=_,e.registerChartModule=(e,o)=>{l.register.chartModule(e,o)},e.version="1.9.2-alpha.3"}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@visactor/vtable"),require("vue"),require("@visactor/vutils")):"function"==typeof define&&define.amd?define(["exports","@visactor/vtable","vue","@visactor/vutils"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).VueVTable={},e.VTable,e.vue,e.vutils)}(this,(function(e,o,n,t){"use strict";function r(e){var o=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),o.default=e,Object.freeze(o)}var l=r(o);function i(e){return e.flatMap((e=>Array.isArray(e.children)?i(e.children):e))}function u(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function s(e){const o={};for(const n in e)if(e.hasOwnProperty(n)){o[u(n)]=e[n]}return o}function a(e){const o={Group:l.CustomLayout.Group,Image:l.CustomLayout.Image,Text:l.CustomLayout.Text,Tag:l.CustomLayout.Tag,Radio:l.CustomLayout.Radio,CheckBox:l.CustomLayout.CheckBox};return{rootComponent:function e(n){if(!n)return null;const{type:r,children:l}=n,i=s(n.props),a=o[r?.symbol||r?.name];if(!a)return null;const c=new a({...i});!function(e,o){Object.keys(o).forEach((n=>{if(function(e,o){return e.startsWith("on")&&t.isFunction(o[e])}(n,o)){let t;t=n.startsWith("on")?n.slice(2).toLowerCase():u(n.slice(2)).toLowerCase(),e.addEventListener(t,o[n])}}))}(c,i);return function(e){return e?.default?.()||e||[]}(l).forEach((o=>{const n=e(o);n?c.add(n):o.type===Symbol.for("v-fgt")&&o.children.forEach((o=>{const n=e(o);n&&c.add(n)}))})),c}(e)}}const c={...o.ListTable.EVENT_TYPE,...o.PivotTable.EVENT_TYPE,...o.PivotChart.EVENT_TYPE},d={onClickCell:c.CLICK_CELL,onDblClickCell:c.DBLCLICK_CELL,onMouseDownCell:c.MOUSEDOWN_CELL,onMouseUpCell:c.MOUSEUP_CELL,onSelectedCell:c.SELECTED_CELL,onKeyDown:c.KEYDOWN,onMouseEnterTable:c.MOUSEENTER_TABLE,onMouseLeaveTable:c.MOUSELEAVE_TABLE,onMouseDownTable:c.MOUSEDOWN_TABLE,onMouseMoveCell:c.MOUSEMOVE_CELL,onMouseEnterCell:c.MOUSEENTER_CELL,onMouseLeaveCell:c.MOUSELEAVE_CELL,onContextMenuCell:c.CONTEXTMENU_CELL,onResizeColumn:c.RESIZE_COLUMN,onResizeColumnEnd:c.RESIZE_COLUMN_END,onChangeHeaderPosition:c.CHANGE_HEADER_POSITION,onSortClick:c.SORT_CLICK,onFreezeClick:c.FREEZE_CLICK,onScroll:c.SCROLL,onDropdownMenuClick:c.DROPDOWN_MENU_CLICK,onMouseOverChartSymbol:c.MOUSEOVER_CHART_SYMBOL,onDragSelectEnd:c.DRAG_SELECT_END,onDropdownIconClick:c.DROPDOWN_ICON_CLICK,onDropdownMenuClear:c.DROPDOWN_MENU_CLEAR,onTreeHierarchyStateChange:c.TREE_HIERARCHY_STATE_CHANGE,onShowMenu:c.SHOW_MENU,onHideMenu:c.HIDE_MENU,onIconClick:c.ICON_CLICK,onLegendItemClick:c.LEGEND_ITEM_CLICK,onLegendItemHover:c.LEGEND_ITEM_HOVER,onLegendItemUnHover:c.LEGEND_ITEM_UNHOVER,onLegendChange:c.LEGEND_CHANGE,onMouseEnterAxis:c.MOUSEENTER_AXIS,onMouseLeaveAxis:c.MOUSELEAVE_AXIS,onCheckboxStateChange:c.CHECKBOX_STATE_CHANGE,onRadioStateChange:c.RADIO_STATE_CHANGE,onAfterRender:c.AFTER_RENDER,onInitialized:c.INITIALIZED,onPivotSortClick:c.PIVOT_SORT_CLICK,onDrillMenuClick:c.DRILLMENU_CLICK,onVChartEventType:c.VCHART_EVENT_TYPE,onChangCellValue:c.CHANGE_CELL_VALUE,onMousedownFillHandle:c.MOUSEDOWN_FILL_HANDLE,onDragFillHandleEnd:c.DRAG_FILL_HANDLE_END,onDblclickFillHandle:c.DBLCLICK_FILL_HANDLE,onScrollVerticalEnd:c.SCROLL_VERTICAL_END,onScrollHorizontalEnd:c.SCROLL_HORIZONTAL_END},p=Object.keys(d);var C=n.defineComponent({__name:"base-table",props:{type:{type:String,required:!1},options:{type:null,required:!1},records:{type:Array,required:!1},width:{type:[Number,String],required:!1,default:"100%"},height:{type:[Number,String],required:!1,default:"100%"},onReady:{type:Function,required:!1},onError:{type:Function,required:!1},onClickCell:{type:null,required:!1},onDblClickCell:{type:null,required:!1},onMouseDownCell:{type:null,required:!1},onMouseUpCell:{type:null,required:!1},onSelectedCell:{type:null,required:!1},onKeyDown:{type:null,required:!1},onMouseEnterTable:{type:null,required:!1},onMouseLeaveTable:{type:null,required:!1},onMouseDownTable:{type:null,required:!1},onMouseMoveCell:{type:null,required:!1},onMouseEnterCell:{type:null,required:!1},onMouseLeaveCell:{type:null,required:!1},onContextMenuCell:{type:null,required:!1},onResizeColumn:{type:null,required:!1},onResizeColumnEnd:{type:null,required:!1},onChangeHeaderPosition:{type:null,required:!1},onSortClick:{type:null,required:!1},onFreezeClick:{type:null,required:!1},onScroll:{type:null,required:!1},onDropdownMenuClick:{type:null,required:!1},onMouseOverChartSymbol:{type:null,required:!1},onDragSelectEnd:{type:null,required:!1},onDropdownIconClick:{type:null,required:!1},onDropdownMenuClear:{type:null,required:!1},onTreeHierarchyStateChange:{type:null,required:!1},onShowMenu:{type:null,required:!1},onHideMenu:{type:null,required:!1},onIconClick:{type:null,required:!1},onLegendItemClick:{type:null,required:!1},onLegendItemHover:{type:null,required:!1},onLegendItemUnHover:{type:null,required:!1},onLegendChange:{type:null,required:!1},onMouseEnterAxis:{type:null,required:!1},onMouseLeaveAxis:{type:null,required:!1},onCheckboxStateChange:{type:null,required:!1},onRadioStateChange:{type:null,required:!1},onAfterRender:{type:null,required:!1},onInitialized:{type:null,required:!1},onPivotSortClick:{type:null,required:!1},onDrillMenuClick:{type:null,required:!1},onVChartEventType:{type:null,required:!1},onChangCellValue:{type:null,required:!1},onMousedownFillHandle:{type:null,required:!1},onDragFillHandleEnd:{type:null,required:!1},onDblclickFillHandle:{type:null,required:!1},onScrollVerticalEnd:{type:null,required:!1},onScrollHorizontalEnd:{type:null,required:!1}},emits:p,setup(e,{expose:t,emit:r}){const l=e,i=n.ref(null),u=n.shallowRef(null);t({vTableInstance:u});const s=n.computed((()=>"number"==typeof l.width?`${l.width}px`:l.width)),a=n.computed((()=>"number"==typeof l.height?`${l.height}px`:l.height)),c=r,C=()=>{if(!i.value)return;u.value&&u.value.release();const e=()=>void 0!==l.records&&null!==l.records&&l.records.length>0?l.records:l.options.records,n=(e,o)=>{u.value=new e(i.value,o)};try{switch(l.type){case"list":n(o.ListTable,{...l.options,records:e()});break;case"pivot":n(o.PivotTable,{...l.options,records:e()});break;case"chart":n(o.PivotChart,{...l.options,records:e()})}t=u.value,p.forEach((e=>{t.on(d[e],(o=>{c(e,o)}))})),l.onReady?.(u.value,!0)}catch(e){}var t},m=e=>{if(u.value)try{switch(l.type){case"list":u.value instanceof o.ListTable&&u.value.updateOption(e);break;case"pivot":u.value instanceof o.PivotTable&&u.value.updateOption(e);break;case"chart":u.value instanceof o.PivotChart&&u.value.updateOption(e)}}catch(e){l.onError?.(e)}};return n.onMounted(C),n.onBeforeUnmount((()=>u.value?.release())),n.watch((()=>l.options),(e=>{u.value?m(e):C()}),{deep:!0}),n.watch((()=>l.records),((e,o)=>{u.value?m({...l.options,records:e}):C()}),{deep:!0}),(e,o)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"vTableContainer",ref:i,style:n.normalizeStyle([{width:s.value,height:a.value},{position:"relative"}])},null,4))}}),m=n.defineComponent({__name:"list-table",props:{options:{type:Object,required:!0},records:{type:Array,required:!1},width:{type:[String,Number],required:!1},height:{type:[String,Number],required:!1}},setup(e,{expose:o}){const t=e,r=n.ref(null),l=n.useSlots(),u=n.computed((()=>{const e=function(e){const o={columns:[],tooltip:{},menu:{}},n={ListColumn:"columns",Tooltip:"tooltip",Menu:"menu"};return e.forEach((e=>{e.props=s(e.props);const t=e.type?.symbol||e.type?.name,r=n[t];var l;r&&("columns"===r&&e.children&&(e.props.customLayout=(l=e.children,e=>{const{table:o,row:n,col:t,rect:r}=e,i=o.getCellOriginRecord(t,n),{height:u,width:s}=r??o.getCellRect(t,n),c=l.customLayout({table:o,row:n,col:t,rect:r,record:i,height:u,width:s})[0],{rootComponent:d}=a(c);return{rootContainer:d,renderDefault:!1}})),Array.isArray(o[r])?o[r].push(e.props):o[r]=e.props)})),o}(i(l.default?.()||[]));return{...t.options,columns:e.columns.length?e.columns:t.options.columns,tooltip:e.tooltip||t.options.tooltip,menu:e.menu||t.options.menu}}));return o({vTableInstance:n.computed((()=>r.value?.vTableInstance||null))}),(e,o)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createVNode(C,n.mergeProps({type:"list",options:u.value,records:e.records,width:e.width,height:e.height,ref_key:"baseTableRef",ref:r},e.$attrs),null,16,["options","records","width","height"]),n.renderSlot(e.$slots,"default")],64))}}),y=n.defineComponent({__name:"pivot-table",props:{options:{type:Object,required:!0},records:{type:Array,required:!1},width:{type:[String,Number],required:!1},height:{type:[String,Number],required:!1}},setup(e,{expose:o}){const t=e,r=n.shallowRef(null),l=n.useSlots(),u=n.computed((()=>{const e=i(l.default?.()||[]),o={columns:[],columnHeaderTitle:[],rows:[],rowHeaderTitle:[],indicators:[],corner:Object,tooltip:Object,menu:Object},n={PivotColumnDimension:"columns",PivotColumnHeaderTitle:"columnHeaderTitle",PivotRowDimension:"rows",PivotRowHeaderTitle:"rowHeaderTitle",PivotCorner:"corner",PivotIndicator:"indicators",Tooltip:"tooltip",Menu:"menu"};return e.forEach((e=>{e.props=s(e.props);const t=e.type?.symbol||e.type?.name,r=n[t];r&&(Array.isArray(o[r])?o[r].push(e.props):o[r]=e.props)})),{...t.options,columns:o.columns.length?o.columns:t.options.columns,columnHeaderTitle:o.columnHeaderTitle.length?o.columnHeaderTitle:t.options.columnHeaderTitle,rows:o.rows.length?o.rows:t.options.rows,rowHeaderTitle:o.rowHeaderTitle.length?o.rowHeaderTitle:t.options.rowHeaderTitle,indicators:o.indicators.length?o.indicators:t.options.indicators,corner:t.options.corner||o.corner,tooltip:t.options.tooltip||o.tooltip,menu:t.options.menu||o.menu}}));return o({vTableInstance:n.computed((()=>r.value?.vTableInstance||null))}),(e,o)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createVNode(C,n.mergeProps({type:"pivot",options:u.value,records:e.records,width:e.width,height:e.height,ref_key:"baseTableRef",ref:r},e.$attrs),null,16,["options","records","width","height"]),n.renderSlot(e.$slots,"default")],64))}}),E=n.defineComponent({__name:"pivot-chart",props:{options:{type:Object,required:!0},records:{type:Array,required:!1},width:{type:[String,Number],required:!1},height:{type:[String,Number],required:!1}},setup(e,{expose:o}){const t=e,r=n.shallowRef(null),l=n.useSlots(),u=n.computed((()=>{const e=i(l.default?.()||[]),o={columns:[],columnHeaderTitle:[],rows:[],rowHeaderTitle:[],indicators:[],corner:Object,tooltip:Object,menu:Object},n={PivotColumnDimension:"columns",PivotColumnHeaderTitle:"columnHeaderTitle",PivotRowDimension:"rows",PivotRowHeaderTitle:"rowHeaderTitle",PivotCorner:"corner",PivotIndicator:"indicators",Tooltip:"tooltip",Menu:"menu"};return e.forEach((e=>{e.props=s(e.props);const t=e.type?.symbol||e.type?.name,r=n[t];r&&(Array.isArray(o[r])?e.props.hasOwnProperty("objectHandler")?o[r].push(e.props.objectHandler):o[r].push(e.props):o[r]=e.props)})),{...t.options,columns:o.columns.length?o.columns:t.options.columns,columnHeaderTitle:o.columnHeaderTitle.length?o.columnHeaderTitle:t.options.columnHeaderTitle,rows:o.rows.length?o.rows:t.options.rows,rowHeaderTitle:o.rowHeaderTitle.length?o.rowHeaderTitle:t.options.rowHeaderTitle,indicators:o.indicators.length?o.indicators:t.options.indicators,corner:o.corner||t.options.corner,tooltip:o.tooltip||t.options.tooltip,menu:o.menu||t.options.menu}}));return o({vTableInstance:n.computed((()=>r.value?.vTableInstance||null))}),(e,o)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createVNode(C,n.mergeProps({type:"chart",options:u.value,records:e.records,width:e.width,height:e.height,ref_key:"baseTableRef",ref:r},e.$attrs),null,16,["options","records","width","height"]),n.renderSlot(e.$slots,"default")],64))}});function h(e){return null}function T(e){return null}function v(e){return null}function b(e){return null}function f(e){return null}function L(e){return null}function g(e){return null}function w(e){return null}function _(e){return null}function H(){return null}function M(){return null}function O(){return null}function S(e){return null}function q(e){return null}function D(e){return null}h.symbol="ListColumn",T.symbol="PivotColumnDimension",v.symbol="PivotRowDimension",b.symbol="PivotColumnHeaderTitle",f.symbol="PivotRowHeaderTitle",L.symbol="PivotIndicator",g.symbol="PivotCorner",w.symbol="Menu",_.symbol="Tooltip",H.symbol="Group",M.symbol="Image",O.symbol="Text",S.symbol="Tag",q.symbol="Radio",D.symbol="CheckBox";e.VTable=l,Object.defineProperty(e,"register",{enumerable:!0,get:function(){return o.register}}),e.CheckBox=D,e.Group=H,e.Image=M,e.ListColumn=h,e.ListTable=m,e.Menu=w,e.PivotChart=E,e.PivotColumnDimension=T,e.PivotColumnHeaderTitle=b,e.PivotCorner=g,e.PivotIndicator=L,e.PivotRowDimension=v,e.PivotRowHeaderTitle=f,e.PivotTable=y,e.Radio=q,e.Tag=S,e.Text=O,e.Tooltip=_,e.registerChartModule=(e,o)=>{l.register.chartModule(e,o)},e.version="1.10.0"}));

package/es/index.d.ts

@@ -2,4 +2,4 @@ import * as VTable from '@visactor/vtable';
 export * from './tables';
 export * from './components';
 export { VTable };
-export declare const version = "1.9.2-alpha.3";
+export declare const version = "1.10.0";

package/es/index.js

@@ -21,6 +21,6 @@ export { default as Tag } from './components/custom/tag.js';
 export { default as Radio } from './components/custom/radio.js';
 export { default as CheckBox } from './components/custom/checkBox.js';
 
-const version = "1.9.2-alpha.3";
+const version = "1.10.0";
 
 export { version };

package/es/tables/base-table.vue.d.ts

@@ -232,63 +232,226 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<{
-    options: any;
-    width: string | number;
-    height: string | number;
-    onClickCell: any;
-    onDblClickCell: any;
-    onMouseDownCell: any;
-    onMouseUpCell: any;
-    onSelectedCell: any;
-    onKeyDown: any;
-    onMouseEnterTable: any;
-    onMouseLeaveTable: any;
-    onMouseDownTable: any;
-    onMouseMoveCell: any;
-    onMouseEnterCell: any;
-    onMouseLeaveCell: any;
-    onContextMenuCell: any;
-    onResizeColumn: any;
-    onResizeColumnEnd: any;
-    onChangeHeaderPosition: any;
-    onSortClick: any;
-    onFreezeClick: any;
-    onScroll: any;
-    onDropdownMenuClick: any;
-    onMouseOverChartSymbol: any;
-    onDragSelectEnd: any;
-    onDropdownIconClick: any;
-    onDropdownMenuClear: any;
-    onTreeHierarchyStateChange: any;
-    onShowMenu: any;
-    onHideMenu: any;
-    onIconClick: any;
-    onLegendItemClick: any;
-    onLegendItemHover: any;
-    onLegendItemUnHover: any;
-    onLegendChange: any;
-    onMouseEnterAxis: any;
-    onMouseLeaveAxis: any;
-    onCheckboxStateChange: any;
-    onRadioStateChange: any;
-    onAfterRender: any;
-    onInitialized: any;
-    onPivotSortClick: any;
-    onDrillMenuClick: any;
-    onVChartEventType: any;
-    onChangCellValue: any;
-    onMousedownFillHandle: any;
-    onDragFillHandleEnd: any;
-    onDblclickFillHandle: any;
-    onScrollVerticalEnd: any;
-    onScrollHorizontalEnd: any;
-} & {
-    type?: string;
-    records?: unknown[];
-    onReady?: Function;
-    onError?: Function;
-} & {
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        required: false;
+    };
+    options: {
+        type: any;
+        required: false;
+    };
+    records: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    onReady: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    onError: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    onClickCell: {
+        type: any;
+        required: false;
+    };
+    onDblClickCell: {
+        type: any;
+        required: false;
+    };
+    onMouseDownCell: {
+        type: any;
+        required: false;
+    };
+    onMouseUpCell: {
+        type: any;
+        required: false;
+    };
+    onSelectedCell: {
+        type: any;
+        required: false;
+    };
+    onKeyDown: {
+        type: any;
+        required: false;
+    };
+    onMouseEnterTable: {
+        type: any;
+        required: false;
+    };
+    onMouseLeaveTable: {
+        type: any;
+        required: false;
+    };
+    onMouseDownTable: {
+        type: any;
+        required: false;
+    };
+    onMouseMoveCell: {
+        type: any;
+        required: false;
+    };
+    onMouseEnterCell: {
+        type: any;
+        required: false;
+    };
+    onMouseLeaveCell: {
+        type: any;
+        required: false;
+    };
+    onContextMenuCell: {
+        type: any;
+        required: false;
+    };
+    onResizeColumn: {
+        type: any;
+        required: false;
+    };
+    onResizeColumnEnd: {
+        type: any;
+        required: false;
+    };
+    onChangeHeaderPosition: {
+        type: any;
+        required: false;
+    };
+    onSortClick: {
+        type: any;
+        required: false;
+    };
+    onFreezeClick: {
+        type: any;
+        required: false;
+    };
+    onScroll: {
+        type: any;
+        required: false;
+    };
+    onDropdownMenuClick: {
+        type: any;
+        required: false;
+    };
+    onMouseOverChartSymbol: {
+        type: any;
+        required: false;
+    };
+    onDragSelectEnd: {
+        type: any;
+        required: false;
+    };
+    onDropdownIconClick: {
+        type: any;
+        required: false;
+    };
+    onDropdownMenuClear: {
+        type: any;
+        required: false;
+    };
+    onTreeHierarchyStateChange: {
+        type: any;
+        required: false;
+    };
+    onShowMenu: {
+        type: any;
+        required: false;
+    };
+    onHideMenu: {
+        type: any;
+        required: false;
+    };
+    onIconClick: {
+        type: any;
+        required: false;
+    };
+    onLegendItemClick: {
+        type: any;
+        required: false;
+    };
+    onLegendItemHover: {
+        type: any;
+        required: false;
+    };
+    onLegendItemUnHover: {
+        type: any;
+        required: false;
+    };
+    onLegendChange: {
+        type: any;
+        required: false;
+    };
+    onMouseEnterAxis: {
+        type: any;
+        required: false;
+    };
+    onMouseLeaveAxis: {
+        type: any;
+        required: false;
+    };
+    onCheckboxStateChange: {
+        type: any;
+        required: false;
+    };
+    onRadioStateChange: {
+        type: any;
+        required: false;
+    };
+    onAfterRender: {
+        type: any;
+        required: false;
+    };
+    onInitialized: {
+        type: any;
+        required: false;
+    };
+    onPivotSortClick: {
+        type: any;
+        required: false;
+    };
+    onDrillMenuClick: {
+        type: any;
+        required: false;
+    };
+    onVChartEventType: {
+        type: any;
+        required: false;
+    };
+    onChangCellValue: {
+        type: any;
+        required: false;
+    };
+    onMousedownFillHandle: {
+        type: any;
+        required: false;
+    };
+    onDragFillHandleEnd: {
+        type: any;
+        required: false;
+    };
+    onDblclickFillHandle: {
+        type: any;
+        required: false;
+    };
+    onScrollVerticalEnd: {
+        type: any;
+        required: false;
+    };
+    onScrollHorizontalEnd: {
+        type: any;
+        required: false;
+    };
+}>> & Readonly<{
     [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
 }>, {
     options: any;
@@ -341,5 +504,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onDblclickFillHandle: any;
     onScrollVerticalEnd: any;
     onScrollHorizontalEnd: any;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/tables/list-table.vue.d.ts

@@ -17,11 +17,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    options: Record<string, any>;
-} & {
-    records?: unknown[];
-    width?: string | number;
-    height?: string | number;
-} & {}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    records: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/tables/pivot-chart.vue.d.ts

@@ -17,11 +17,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    options: Record<string, any>;
-} & {
-    records?: unknown[];
-    width?: string | number;
-    height?: string | number;
-} & {}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    records: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/tables/pivot-table.vue.d.ts

@@ -17,11 +17,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    options: Record<string, any>;
-} & {
-    records?: unknown[];
-    width?: string | number;
-    height?: string | number;
-} & {}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    records: {
+        type: ArrayConstructor;
+        required: false;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vue-vtable",
-  "version": "1.9.2-alpha.3",
+  "version": "1.10.0",
   "description": "The vue version of VTable",
   "keywords": [
     "vue",
@@ -43,8 +43,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@visactor/vtable": "1.9.2-alpha.3",
-    "@visactor/vutils": "~0.18.14"
+    "@visactor/vutils": "~0.18.14",
+    "@visactor/vtable": "1.10.0"
   },
   "devDependencies": {
     "@arco-design/web-vue": "^2.11.0",
@@ -87,9 +87,9 @@
     "axios": "^1.4.0",
     "eslint-plugin-vue": "^9.26.0",
     "vue-eslint-parser": "^9.4.2",
+    "@internal/bundler": "0.0.1",
     "@internal/ts-config": "0.0.1",
-    "@internal/eslint-config": "0.0.1",
-    "@internal/bundler": "0.0.1"
+    "@internal/eslint-config": "0.0.1"
   },
   "scripts": {
     "start": "vite ./demo",