@visactor/vue-vtable 1.8.0 → 1.8.1

package/cjs/components/component/menu.d.ts

@@ -6,4 +6,8 @@ export type MenuProps = {
     contextMenuItems?: TYPES.MenuListItem[] | ((field: string, row: number, col: number) => TYPES.MenuListItem[]);
     dropDownMenuHighlight?: TYPES.DropDownMenuHighlightInfo[];
 };
-export default function Menu(props: MenuProps): VNode;
+declare function Menu(props: MenuProps): VNode;
+declare namespace Menu {
+    var symbol: string;
+}
+export default Menu;

package/cjs/components/component/menu.js

@@ -2,6 +2,7 @@
 
 function Menu(props) {
     return null;
-}
+}
+Menu.symbol = 'Menu';
 
 module.exports = Menu;

package/cjs/components/component/tooltip.d.ts

@@ -4,4 +4,8 @@ export type TooltipProps = {
     isShowOverflowTextTooltip?: boolean;
     confine?: boolean;
 };
-export default function Tooltip(props: TooltipProps): VNode;
+declare function Tooltip(props: TooltipProps): VNode;
+declare namespace Tooltip {
+    var symbol: string;
+}
+export default Tooltip;

package/cjs/components/component/tooltip.js

@@ -2,6 +2,7 @@
 
 function Tooltip(props) {
     return null;
-}
+}
+Tooltip.symbol = 'Tooltip';
 
 module.exports = Tooltip;

package/cjs/components/custom/checkBox.d.ts

@@ -13,4 +13,8 @@ export interface CheckboxProps {
     visible?: boolean;
     onChange?: (checked: boolean) => void;
 }
-export default function CheckBox(props: CheckboxProps): VNode;
+declare function CheckBox(props: CheckboxProps): VNode;
+declare namespace CheckBox {
+    var symbol: string;
+}
+export default CheckBox;

package/cjs/components/custom/checkBox.js

@@ -2,6 +2,7 @@
 
 function CheckBox(props) {
     return null;
-}
+}
+CheckBox.symbol = 'CheckBox';
 
 module.exports = CheckBox;

package/cjs/components/custom/custom-layout.d.ts

@@ -13,4 +13,8 @@ export interface CustomComponentProps {
     dx?: number | string;
     dy?: number | string;
 }
-export default function CustomLayout(props: CustomComponentProps): VNode;
+declare function CustomLayout(props: CustomComponentProps): VNode;
+declare namespace CustomLayout {
+    var symbol: string;
+}
+export default CustomLayout;

package/cjs/components/custom/group.d.ts

@@ -1,2 +1,6 @@
 import type { VNode } from 'vue';
-export default function Group(): VNode;
+declare function Group(): VNode;
+declare namespace Group {
+    var symbol: string;
+}
+export default Group;

package/cjs/components/custom/group.js

@@ -2,6 +2,7 @@
 
 function Group() {
     return null;
-}
+}
+Group.symbol = 'Group';
 
 module.exports = Group;

package/cjs/components/custom/image.d.ts

@@ -1,2 +1,6 @@
 import type { VNode } from 'vue';
-export default function Image(): VNode;
+declare function Image(): VNode;
+declare namespace Image {
+    var symbol: string;
+}
+export default Image;

package/cjs/components/custom/image.js

@@ -2,6 +2,7 @@
 
 function Image() {
     return null;
-}
+}
+Image.symbol = 'Image';
 
 module.exports = Image;

package/cjs/components/custom/radio.d.ts

@@ -10,4 +10,8 @@ export interface RadioProps {
     visible?: boolean;
     onChange?: (checked: boolean) => void;
 }
-export default function Radio(props: RadioProps): any;
+declare function Radio(props: RadioProps): any;
+declare namespace Radio {
+    var symbol: string;
+}
+export default Radio;

package/cjs/components/custom/radio.js

@@ -2,6 +2,7 @@
 
 function Radio(props) {
     return null;
-}
+}
+Radio.symbol = 'Radio';
 
 module.exports = Radio;

package/cjs/components/custom/tag.d.ts

@@ -9,4 +9,8 @@ export interface TagProps {
     maxWidth?: number;
     visible?: boolean;
 }
-export default function Tag(props: TagProps): VNode;
+declare function Tag(props: TagProps): VNode;
+declare namespace Tag {
+    var symbol: string;
+}
+export default Tag;

package/cjs/components/custom/tag.js

@@ -2,6 +2,7 @@
 
 function Tag(props) {
     return null;
-}
+}
+Tag.symbol = 'Tag';
 
 module.exports = Tag;

package/cjs/components/custom/text.d.ts

@@ -1,2 +1,6 @@
 import type { VNode } from 'vue';
-export default function Text(): VNode;
+declare function Text(): VNode;
+declare namespace Text {
+    var symbol: string;
+}
+export default Text;

package/cjs/components/custom/text.js

@@ -2,6 +2,7 @@
 
 function Text() {
     return null;
-}
+}
+Text.symbol = 'Text';
 
 module.exports = Text;

package/cjs/components/list/list-column.d.ts

@@ -1,3 +1,7 @@
 import type { VNode } from 'vue';
 import type { ColumnDefine } from '@visactor/vtable';
-export default function ListColumn(props: ColumnDefine): VNode;
+declare function ListColumn(props: ColumnDefine): VNode;
+declare namespace ListColumn {
+    var symbol: string;
+}
+export default ListColumn;

package/cjs/components/list/list-column.js

@@ -2,6 +2,7 @@
 
 function ListColumn(props) {
     return null;
-}
+}
+ListColumn.symbol = 'ListColumn';
 
 module.exports = ListColumn;

package/cjs/components/pivot/pivot-column-dimension.d.ts

@@ -4,5 +4,8 @@ interface ObjectHandler {
     objectHandler?: string | Array<string>;
 }
 export type PivotColumnDimensionProps = IDimension & ObjectHandler;
-export default function PivotColumnDimension(props: PivotColumnDimensionProps): VNode;
-export {};
+declare function PivotColumnDimension(props: PivotColumnDimensionProps): VNode;
+declare namespace PivotColumnDimension {
+    var symbol: string;
+}
+export default PivotColumnDimension;

package/cjs/components/pivot/pivot-column-dimension.js

@@ -2,6 +2,7 @@
 
 function PivotColumnDimension(props) {
     return null;
-}
+}
+PivotColumnDimension.symbol = 'PivotColumnDimension';
 
 module.exports = PivotColumnDimension;

package/cjs/components/pivot/pivot-column-header-title.d.ts

@@ -1,3 +1,7 @@
 import type { VNode } from 'vue';
 import type { ITitleDefine } from '@visactor/vtable';
-export default function PivotColumnHeaderTitle(props: ITitleDefine): VNode;
+declare function PivotColumnHeaderTitle(props: ITitleDefine): VNode;
+declare namespace PivotColumnHeaderTitle {
+    var symbol: string;
+}
+export default PivotColumnHeaderTitle;

package/cjs/components/pivot/pivot-column-header-title.js

@@ -2,6 +2,7 @@
 
 function PivotColumnHeaderTitle(props) {
     return null;
-}
+}
+PivotColumnHeaderTitle.symbol = 'PivotColumnHeaderTitle';
 
 module.exports = PivotColumnHeaderTitle;

package/cjs/components/pivot/pivot-corner.d.ts

@@ -1,3 +1,7 @@
 import type { VNode } from 'vue';
 import type { ICornerDefine } from '@visactor/vtable';
-export default function PivotCorner(props: ICornerDefine): VNode;
+declare function PivotCorner(props: ICornerDefine): VNode;
+declare namespace PivotCorner {
+    var symbol: string;
+}
+export default PivotCorner;

package/cjs/components/pivot/pivot-corner.js

@@ -2,6 +2,7 @@
 
 function PivotCorner(props) {
     return null;
-}
+}
+PivotCorner.symbol = 'PivotCorner';
 
 module.exports = PivotCorner;

package/cjs/components/pivot/pivot-indicator.d.ts

@@ -1,3 +1,7 @@
 import type { VNode } from 'vue';
 import type { IIndicator } from '@visactor/vtable';
-export default function PivotIndicator(props: IIndicator): VNode;
+declare function PivotIndicator(props: IIndicator): VNode;
+declare namespace PivotIndicator {
+    var symbol: string;
+}
+export default PivotIndicator;

package/cjs/components/pivot/pivot-indicator.js

@@ -2,6 +2,7 @@
 
 function PivotIndicator(props) {
     return null;
-}
+}
+PivotIndicator.symbol = 'PivotIndicator';
 
 module.exports = PivotIndicator;

package/cjs/components/pivot/pivot-row-dimension.d.ts

@@ -4,5 +4,8 @@ interface ObjectHandler {
     objectHandler?: string | Array<string>;
 }
 export type PivotColumnDimensionProps = IDimension & ObjectHandler;
-export default function PivotRowDimension(props: PivotColumnDimensionProps): VNode;
-export {};
+declare function PivotRowDimension(props: PivotColumnDimensionProps): VNode;
+declare namespace PivotRowDimension {
+    var symbol: string;
+}
+export default PivotRowDimension;

package/cjs/components/pivot/pivot-row-dimension.js

@@ -2,6 +2,7 @@
 
 function PivotRowDimension(props) {
     return null;
-}
+}
+PivotRowDimension.symbol = 'PivotRowDimension';
 
 module.exports = PivotRowDimension;

package/cjs/components/pivot/pivot-row-header-title.d.ts

@@ -1,3 +1,7 @@
 import type { VNode } from 'vue';
 import type { ITitleDefine } from '@visactor/vtable';
-export default function PivotRowHeaderTitle(props: ITitleDefine): VNode;
+declare function PivotRowHeaderTitle(props: ITitleDefine): VNode;
+declare namespace PivotRowHeaderTitle {
+    var symbol: string;
+}
+export default PivotRowHeaderTitle;

package/cjs/components/pivot/pivot-row-header-title.js

@@ -2,6 +2,7 @@
 
 function PivotRowHeaderTitle(props) {
     return null;
-}
+}
+PivotRowHeaderTitle.symbol = 'PivotRowHeaderTitle';
 
 module.exports = PivotRowHeaderTitle;

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.8.0";
+export declare const version = "1.8.1";

package/cjs/index.js

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

package/cjs/tables/list-table.vue.js

@@ -35,7 +35,7 @@ var _sfc_main = vue.defineComponent({
             };
             vnodes.forEach(vnode => {
                 var _a, _b;
-                const typeName = ((_a = vnode.type) === null || _a === void 0 ? void 0 : _a.name) || ((_b = vnode.type) === null || _b === void 0 ? void 0 : _b.__name);
+                const typeName = ((_a = vnode.type) === null || _a === void 0 ? void 0 : _a.symbol) || ((_b = vnode.type) === null || _b === void 0 ? void 0 : _b.name);
                 const optionKey = typeMapping[typeName];
                 if (optionKey) {
                     if (optionKey === 'columns' && vnode.children) {

package/cjs/tables/pivot-chart.vue.js

@@ -41,7 +41,7 @@ var _sfc_main = vue.defineComponent({
             };
             flattenedSlots.forEach(vnode => {
                 var _a, _b;
-                const typeName = ((_a = vnode.type) === null || _a === void 0 ? void 0 : _a.name) || ((_b = vnode.type) === null || _b === void 0 ? void 0 : _b.__name);
+                const typeName = ((_a = vnode.type) === null || _a === void 0 ? void 0 : _a.symbol) || ((_b = vnode.type) === null || _b === void 0 ? void 0 : _b.name);
                 const optionKey = typeMapping[typeName];
                 if (optionKey) {
                     if (Array.isArray(options[optionKey])) {

package/cjs/tables/pivot-table.vue.js

@@ -41,7 +41,7 @@ var _sfc_main = vue.defineComponent({
             };
             flattenedSlots.forEach(vnode => {
                 var _a, _b;
-                const typeName = ((_a = vnode.type) === null || _a === void 0 ? void 0 : _a.name) || ((_b = vnode.type) === null || _b === void 0 ? void 0 : _b.__name);
+                const typeName = ((_a = vnode.type) === null || _a === void 0 ? void 0 : _a.symbol) || ((_b = vnode.type) === null || _b === void 0 ? void 0 : _b.name);
                 const optionKey = typeMapping[typeName];
                 if (optionKey) {
                     if (Array.isArray(options[optionKey])) {

package/cjs/tables/utils.js

@@ -42,7 +42,7 @@ function createCustomLayout(children) {
             return null;
         }
         const { type, props, children: childChildren } = child;
-        const componentName = (type === null || type === void 0 ? void 0 : type.name) || type;
+        const componentName = (type === null || type === void 0 ? void 0 : type.symbol) || (type === null || type === void 0 ? void 0 : type.name);
         const ComponentClass = componentMap[componentName];
         if (!ComponentClass) {
             return null;

package/dist/vue-vtable.js

@@ -43,7 +43,7 @@
               return null;
           }
           const { type, props, children: childChildren } = child;
-          const componentName = type?.name || type;
+          const componentName = type?.symbol || type?.name;
           const ComponentClass = componentMap[componentName];
           if (!ComponentClass) {
               return null;
@@ -339,7 +339,7 @@
                   Menu: 'menu',
               };
               vnodes.forEach(vnode => {
-                  const typeName = vnode.type?.name || vnode.type?.__name;
+                  const typeName = vnode.type?.symbol || vnode.type?.name;
                   const optionKey = typeMapping[typeName];
                   if (optionKey) {
                       if (optionKey === 'columns' && vnode.children) {
@@ -423,7 +423,7 @@
                   'Menu': 'menu',
               };
               flattenedSlots.forEach(vnode => {
-                  const typeName = vnode.type?.name || vnode.type?.__name;
+                  const typeName = vnode.type?.symbol || vnode.type?.name;
                   const optionKey = typeMapping[typeName];
                   if (optionKey) {
                       if (Array.isArray(options[optionKey])) {
@@ -499,7 +499,7 @@
                   'Menu': 'menu',
               };
               flattenedSlots.forEach(vnode => {
-                  const typeName = vnode.type?.name || vnode.type?.__name;
+                  const typeName = vnode.type?.symbol || vnode.type?.name;
                   const optionKey = typeMapping[typeName];
                   if (optionKey) {
                       if (Array.isArray(options[optionKey])) {
@@ -551,65 +551,80 @@
 
   function ListColumn(props) {
       return null;
-  }
+  }
+  ListColumn.symbol = 'ListColumn';
 
   function PivotColumnDimension(props) {
       return null;
-  }
+  }
+  PivotColumnDimension.symbol = 'PivotColumnDimension';
 
   function PivotRowDimension(props) {
       return null;
-  }
+  }
+  PivotRowDimension.symbol = 'PivotRowDimension';
 
   function PivotColumnHeaderTitle(props) {
       return null;
-  }
+  }
+  PivotColumnHeaderTitle.symbol = 'PivotColumnHeaderTitle';
 
   function PivotRowHeaderTitle(props) {
       return null;
-  }
+  }
+  PivotRowHeaderTitle.symbol = 'PivotRowHeaderTitle';
 
   function PivotIndicator(props) {
       return null;
-  }
+  }
+  PivotIndicator.symbol = 'PivotIndicator';
 
   function PivotCorner(props) {
       return null;
-  }
+  }
+  PivotCorner.symbol = 'PivotCorner';
 
   function Menu(props) {
       return null;
-  }
+  }
+  Menu.symbol = 'Menu';
 
   function Tooltip(props) {
       return null;
-  }
+  }
+  Tooltip.symbol = 'Tooltip';
 
   function Group() {
       return null;
-  }
+  }
+  Group.symbol = 'Group';
 
   function Image() {
       return null;
-  }
+  }
+  Image.symbol = 'Image';
 
   function Text() {
       return null;
-  }
+  }
+  Text.symbol = 'Text';
 
   function Tag(props) {
       return null;
-  }
+  }
+  Tag.symbol = 'Tag';
 
   function Radio(props) {
       return null;
-  }
+  }
+  Radio.symbol = 'Radio';
 
   function CheckBox(props) {
       return null;
-  }
+  }
+  CheckBox.symbol = 'CheckBox';
 
-  const version = "1.8.0";
+  const version = "1.8.1";
 
   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){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,props:l,children:i}=n,u=o[r?.name||r];if(!u)return null;const a=new u({...l});!function(e,o){Object.keys(o).forEach((n=>{if(function(e,o){return e.startsWith("on")&&t.isFunction(o[e])}(n,o)){const t=n.slice(2).toLowerCase();e.addEventListener(t,o[n])}}))}(a,l);return function(e){return e?.default?.()||e||[]}(i).forEach((o=>{const n=e(o);n?a.add(n):o.type===Symbol.for("v-fgt")&&o.children.forEach((o=>{const n=e(o);n&&a.add(n)}))})),a}(e)}}const a={...o.ListTable.EVENT_TYPE,...o.PivotTable.EVENT_TYPE,...o.PivotChart.EVENT_TYPE},s={onClickCell:a.CLICK_CELL,onDblClickCell:a.DBLCLICK_CELL,onMouseDownCell:a.MOUSEDOWN_CELL,onMouseUpCell:a.MOUSEUP_CELL,onSelectedCell:a.SELECTED_CELL,onKeyDown:a.KEYDOWN,onMouseEnterTable:a.MOUSEENTER_TABLE,onMouseLeaveTable:a.MOUSELEAVE_TABLE,onMouseDownTable:a.MOUSEDOWN_TABLE,onMouseMoveCell:a.MOUSEMOVE_CELL,onMouseEnterCell:a.MOUSEENTER_CELL,onMouseLeaveCell:a.MOUSELEAVE_CELL,onContextMenuCell:a.CONTEXTMENU_CELL,onResizeColumn:a.RESIZE_COLUMN,onResizeColumnEnd:a.RESIZE_COLUMN_END,onChangeHeaderPosition:a.CHANGE_HEADER_POSITION,onSortClick:a.SORT_CLICK,onFreezeClick:a.FREEZE_CLICK,onScroll:a.SCROLL,onDropdownMenuClick:a.DROPDOWN_MENU_CLICK,onMouseOverChartSymbol:a.MOUSEOVER_CHART_SYMBOL,onDragSelectEnd:a.DRAG_SELECT_END,onDropdownIconClick:a.DROPDOWN_ICON_CLICK,onDropdownMenuClear:a.DROPDOWN_MENU_CLEAR,onTreeHierarchyStateChange:a.TREE_HIERARCHY_STATE_CHANGE,onShowMenu:a.SHOW_MENU,onHideMenu:a.HIDE_MENU,onIconClick:a.ICON_CLICK,onLegendItemClick:a.LEGEND_ITEM_CLICK,onLegendItemHover:a.LEGEND_ITEM_HOVER,onLegendItemUnHover:a.LEGEND_ITEM_UNHOVER,onLegendChange:a.LEGEND_CHANGE,onMouseEnterAxis:a.MOUSEENTER_AXIS,onMouseLeaveAxis:a.MOUSELEAVE_AXIS,onCheckboxStateChange:a.CHECKBOX_STATE_CHANGE,onRadioStateChange:a.RADIO_STATE_CHANGE,onAfterRender:a.AFTER_RENDER,onInitialized:a.INITIALIZED,onPivotSortClick:a.PIVOT_SORT_CLICK,onDrillMenuClick:a.DRILLMENU_CLICK,onVChartEventType:a.VCHART_EVENT_TYPE,onChangCellValue:a.CHANGE_CELL_VALUE,onMousedownFillHandle:a.MOUSEDOWN_FILL_HANDLE,onDragFillHandleEnd:a.DRAG_FILL_HANDLE_END,onDblclickFillHandle:a.DBLCLICK_FILL_HANDLE,onScrollVerticalEnd:a.SCROLL_VERTICAL_END,onScrollHorizontalEnd:a.SCROLL_HORIZONTAL_END},c=Object.keys(s);var d=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:c,setup(e,{expose:t,emit:r}){const l=e,i=n.ref(null),u=n.shallowRef(null);t({vTableInstance:u});const a=n.computed((()=>"number"==typeof l.width?`${l.width}px`:l.width)),d=n.computed((()=>"number"==typeof l.height?`${l.height}px`:l.height)),p=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,c.forEach((e=>{t.on(s[e],(o=>{p(e,o)}))})),l.onReady?.(u.value,!0)}catch(e){}var t},E=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?E(e):C()}),{deep:!0}),n.watch((()=>l.records),((e,o)=>{u.value?E({...l.options,records:e}):C()}),{deep:!0}),(e,o)=>(n.openBlock(),n.createElementBlock("div",{ref_key:"vTableContainer",ref:i,style:n.normalizeStyle([{width:a.value,height:d.value},{position:"relative"}])},null,4))}}),p=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(),a=n.computed((()=>{const e=function(e){const o={columns:[],tooltip:{},menu:{}},n={ListColumn:"columns",Tooltip:"tooltip",Menu:"menu"};return e.forEach((e=>{const t=e.type?.name||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:a,width:s}=r??o.getCellRect(t,n),c=l.customLayout({table:o,row:n,col:t,rect:r,record:i,height:a,width:s})[0],{rootComponent:d}=u(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(d,n.mergeProps({type:"list",options:a.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))}}),C=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=>{const t=e.type?.name||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(d,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=>{const t=e.type?.name||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(d,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))}});e.VTable=l,Object.defineProperty(e,"register",{enumerable:!0,get:function(){return o.register}}),e.CheckBox=function(e){return null},e.Group=function(){return null},e.Image=function(){return null},e.ListColumn=function(e){return null},e.ListTable=p,e.Menu=function(e){return null},e.PivotChart=E,e.PivotColumnDimension=function(e){return null},e.PivotColumnHeaderTitle=function(e){return null},e.PivotCorner=function(e){return null},e.PivotIndicator=function(e){return null},e.PivotRowDimension=function(e){return null},e.PivotRowHeaderTitle=function(e){return null},e.PivotTable=C,e.Radio=function(e){return null},e.Tag=function(e){return null},e.Text=function(){return null},e.Tooltip=function(e){return null},e.registerChartModule=(e,o)=>{l.register.chartModule(e,o)},e.version="1.8.0"}));
+!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){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,props:l,children:i}=n,u=o[r?.symbol||r?.name];if(!u)return null;const s=new u({...l});!function(e,o){Object.keys(o).forEach((n=>{if(function(e,o){return e.startsWith("on")&&t.isFunction(o[e])}(n,o)){const t=n.slice(2).toLowerCase();e.addEventListener(t,o[n])}}))}(s,l);return function(e){return e?.default?.()||e||[]}(i).forEach((o=>{const n=e(o);n?s.add(n):o.type===Symbol.for("v-fgt")&&o.children.forEach((o=>{const n=e(o);n&&s.add(n)}))})),s}(e)}}const s={...o.ListTable.EVENT_TYPE,...o.PivotTable.EVENT_TYPE,...o.PivotChart.EVENT_TYPE},a={onClickCell:s.CLICK_CELL,onDblClickCell:s.DBLCLICK_CELL,onMouseDownCell:s.MOUSEDOWN_CELL,onMouseUpCell:s.MOUSEUP_CELL,onSelectedCell:s.SELECTED_CELL,onKeyDown:s.KEYDOWN,onMouseEnterTable:s.MOUSEENTER_TABLE,onMouseLeaveTable:s.MOUSELEAVE_TABLE,onMouseDownTable:s.MOUSEDOWN_TABLE,onMouseMoveCell:s.MOUSEMOVE_CELL,onMouseEnterCell:s.MOUSEENTER_CELL,onMouseLeaveCell:s.MOUSELEAVE_CELL,onContextMenuCell:s.CONTEXTMENU_CELL,onResizeColumn:s.RESIZE_COLUMN,onResizeColumnEnd:s.RESIZE_COLUMN_END,onChangeHeaderPosition:s.CHANGE_HEADER_POSITION,onSortClick:s.SORT_CLICK,onFreezeClick:s.FREEZE_CLICK,onScroll:s.SCROLL,onDropdownMenuClick:s.DROPDOWN_MENU_CLICK,onMouseOverChartSymbol:s.MOUSEOVER_CHART_SYMBOL,onDragSelectEnd:s.DRAG_SELECT_END,onDropdownIconClick:s.DROPDOWN_ICON_CLICK,onDropdownMenuClear:s.DROPDOWN_MENU_CLEAR,onTreeHierarchyStateChange:s.TREE_HIERARCHY_STATE_CHANGE,onShowMenu:s.SHOW_MENU,onHideMenu:s.HIDE_MENU,onIconClick:s.ICON_CLICK,onLegendItemClick:s.LEGEND_ITEM_CLICK,onLegendItemHover:s.LEGEND_ITEM_HOVER,onLegendItemUnHover:s.LEGEND_ITEM_UNHOVER,onLegendChange:s.LEGEND_CHANGE,onMouseEnterAxis:s.MOUSEENTER_AXIS,onMouseLeaveAxis:s.MOUSELEAVE_AXIS,onCheckboxStateChange:s.CHECKBOX_STATE_CHANGE,onRadioStateChange:s.RADIO_STATE_CHANGE,onAfterRender:s.AFTER_RENDER,onInitialized:s.INITIALIZED,onPivotSortClick:s.PIVOT_SORT_CLICK,onDrillMenuClick:s.DRILLMENU_CLICK,onVChartEventType:s.VCHART_EVENT_TYPE,onChangCellValue:s.CHANGE_CELL_VALUE,onMousedownFillHandle:s.MOUSEDOWN_FILL_HANDLE,onDragFillHandleEnd:s.DRAG_FILL_HANDLE_END,onDblclickFillHandle:s.DBLCLICK_FILL_HANDLE,onScrollVerticalEnd:s.SCROLL_VERTICAL_END,onScrollHorizontalEnd:s.SCROLL_HORIZONTAL_END},c=Object.keys(a);var d=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:c,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)),d=n.computed((()=>"number"==typeof l.height?`${l.height}px`:l.height)),p=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,c.forEach((e=>{t.on(a[e],(o=>{p(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:d.value},{position:"relative"}])},null,4))}}),p=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(),s=n.computed((()=>{const e=function(e){const o={columns:[],tooltip:{},menu:{}},n={ListColumn:"columns",Tooltip:"tooltip",Menu:"menu"};return e.forEach((e=>{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:s,width:a}=r??o.getCellRect(t,n),c=l.customLayout({table:o,row:n,col:t,rect:r,record:i,height:s,width:a})[0],{rootComponent:d}=u(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(d,n.mergeProps({type:"list",options:s.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))}}),C=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=>{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(d,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))}}),m=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=>{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(d,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 y(e){return null}function E(e){return null}function h(e){return null}function T(e){return null}function v(e){return null}function b(e){return null}function L(e){return null}function f(e){return null}function g(e){return null}function _(){return null}function w(){return null}function H(){return null}function M(e){return null}function O(e){return null}function S(e){return null}y.symbol="ListColumn",E.symbol="PivotColumnDimension",h.symbol="PivotRowDimension",T.symbol="PivotColumnHeaderTitle",v.symbol="PivotRowHeaderTitle",b.symbol="PivotIndicator",L.symbol="PivotCorner",f.symbol="Menu",g.symbol="Tooltip",_.symbol="Group",w.symbol="Image",H.symbol="Text",M.symbol="Tag",O.symbol="Radio",S.symbol="CheckBox";e.VTable=l,Object.defineProperty(e,"register",{enumerable:!0,get:function(){return o.register}}),e.CheckBox=S,e.Group=_,e.Image=w,e.ListColumn=y,e.ListTable=p,e.Menu=f,e.PivotChart=m,e.PivotColumnDimension=E,e.PivotColumnHeaderTitle=T,e.PivotCorner=L,e.PivotIndicator=b,e.PivotRowDimension=h,e.PivotRowHeaderTitle=v,e.PivotTable=C,e.Radio=O,e.Tag=M,e.Text=H,e.Tooltip=g,e.registerChartModule=(e,o)=>{l.register.chartModule(e,o)},e.version="1.8.1"}));

package/es/components/component/menu.d.ts

@@ -6,4 +6,8 @@ export type MenuProps = {
     contextMenuItems?: TYPES.MenuListItem[] | ((field: string, row: number, col: number) => TYPES.MenuListItem[]);
     dropDownMenuHighlight?: TYPES.DropDownMenuHighlightInfo[];
 };
-export default function Menu(props: MenuProps): VNode;
+declare function Menu(props: MenuProps): VNode;
+declare namespace Menu {
+    var symbol: string;
+}
+export default Menu;

package/es/components/component/menu.js

@@ -1,5 +1,6 @@
 function Menu(props) {
     return null;
-}
+}
+Menu.symbol = 'Menu';
 
 export { Menu as default };

package/es/components/component/tooltip.d.ts

@@ -4,4 +4,8 @@ export type TooltipProps = {
     isShowOverflowTextTooltip?: boolean;
     confine?: boolean;
 };
-export default function Tooltip(props: TooltipProps): VNode;
+declare function Tooltip(props: TooltipProps): VNode;
+declare namespace Tooltip {
+    var symbol: string;
+}
+export default Tooltip;

package/es/components/component/tooltip.js

@@ -1,5 +1,6 @@
 function Tooltip(props) {
     return null;
-}
+}
+Tooltip.symbol = 'Tooltip';
 
 export { Tooltip as default };

package/es/components/custom/checkBox.d.ts

@@ -13,4 +13,8 @@ export interface CheckboxProps {
     visible?: boolean;
     onChange?: (checked: boolean) => void;
 }
-export default function CheckBox(props: CheckboxProps): VNode;
+declare function CheckBox(props: CheckboxProps): VNode;
+declare namespace CheckBox {
+    var symbol: string;
+}
+export default CheckBox;

package/es/components/custom/checkBox.js

@@ -1,5 +1,6 @@
 function CheckBox(props) {
     return null;
-}
+}
+CheckBox.symbol = 'CheckBox';
 
 export { CheckBox as default };

package/es/components/custom/custom-layout.d.ts

@@ -13,4 +13,8 @@ export interface CustomComponentProps {
     dx?: number | string;
     dy?: number | string;
 }
-export default function CustomLayout(props: CustomComponentProps): VNode;
+declare function CustomLayout(props: CustomComponentProps): VNode;
+declare namespace CustomLayout {
+    var symbol: string;
+}
+export default CustomLayout;

package/es/components/custom/group.d.ts

@@ -1,2 +1,6 @@
 import type { VNode } from 'vue';
-export default function Group(): VNode;
+declare function Group(): VNode;
+declare namespace Group {
+    var symbol: string;
+}
+export default Group;

package/es/components/custom/group.js

@@ -1,5 +1,6 @@
 function Group() {
     return null;
-}
+}
+Group.symbol = 'Group';
 
 export { Group as default };

package/es/components/custom/image.d.ts

@@ -1,2 +1,6 @@
 import type { VNode } from 'vue';
-export default function Image(): VNode;
+declare function Image(): VNode;
+declare namespace Image {
+    var symbol: string;
+}
+export default Image;

package/es/components/custom/image.js

@@ -1,5 +1,6 @@
 function Image() {
     return null;
-}
+}
+Image.symbol = 'Image';
 
 export { Image as default };

package/es/components/custom/radio.d.ts

@@ -10,4 +10,8 @@ export interface RadioProps {
     visible?: boolean;
     onChange?: (checked: boolean) => void;
 }
-export default function Radio(props: RadioProps): any;
+declare function Radio(props: RadioProps): any;
+declare namespace Radio {
+    var symbol: string;
+}
+export default Radio;

package/es/components/custom/radio.js

@@ -1,5 +1,6 @@
 function Radio(props) {
     return null;
-}
+}
+Radio.symbol = 'Radio';
 
 export { Radio as default };

package/es/components/custom/tag.d.ts

@@ -9,4 +9,8 @@ export interface TagProps {
     maxWidth?: number;
     visible?: boolean;
 }
-export default function Tag(props: TagProps): VNode;
+declare function Tag(props: TagProps): VNode;
+declare namespace Tag {
+    var symbol: string;
+}
+export default Tag;

package/es/components/custom/tag.js

@@ -1,5 +1,6 @@
 function Tag(props) {
     return null;
-}
+}
+Tag.symbol = 'Tag';
 
 export { Tag as default };

package/es/components/custom/text.d.ts

@@ -1,2 +1,6 @@
 import type { VNode } from 'vue';
-export default function Text(): VNode;
+declare function Text(): VNode;
+declare namespace Text {
+    var symbol: string;
+}
+export default Text;

package/es/components/custom/text.js

@@ -1,5 +1,6 @@
 function Text() {
     return null;
-}
+}
+Text.symbol = 'Text';
 
 export { Text as default };

package/es/components/list/list-column.d.ts

@@ -1,3 +1,7 @@
 import type { VNode } from 'vue';
 import type { ColumnDefine } from '@visactor/vtable';
-export default function ListColumn(props: ColumnDefine): VNode;
+declare function ListColumn(props: ColumnDefine): VNode;
+declare namespace ListColumn {
+    var symbol: string;
+}
+export default ListColumn;

package/es/components/list/list-column.js

@@ -1,5 +1,6 @@
 function ListColumn(props) {
     return null;
-}
+}
+ListColumn.symbol = 'ListColumn';
 
 export { ListColumn as default };

package/es/components/pivot/pivot-column-dimension.d.ts

@@ -4,5 +4,8 @@ interface ObjectHandler {
     objectHandler?: string | Array<string>;
 }
 export type PivotColumnDimensionProps = IDimension & ObjectHandler;
-export default function PivotColumnDimension(props: PivotColumnDimensionProps): VNode;
-export {};
+declare function PivotColumnDimension(props: PivotColumnDimensionProps): VNode;
+declare namespace PivotColumnDimension {
+    var symbol: string;
+}
+export default PivotColumnDimension;

package/es/components/pivot/pivot-column-dimension.js

@@ -1,5 +1,6 @@
 function PivotColumnDimension(props) {
     return null;
-}
+}
+PivotColumnDimension.symbol = 'PivotColumnDimension';
 
 export { PivotColumnDimension as default };

package/es/components/pivot/pivot-column-header-title.d.ts

@@ -1,3 +1,7 @@
 import type { VNode } from 'vue';
 import type { ITitleDefine } from '@visactor/vtable';
-export default function PivotColumnHeaderTitle(props: ITitleDefine): VNode;
+declare function PivotColumnHeaderTitle(props: ITitleDefine): VNode;
+declare namespace PivotColumnHeaderTitle {
+    var symbol: string;
+}
+export default PivotColumnHeaderTitle;

package/es/components/pivot/pivot-column-header-title.js

@@ -1,5 +1,6 @@
 function PivotColumnHeaderTitle(props) {
     return null;
-}
+}
+PivotColumnHeaderTitle.symbol = 'PivotColumnHeaderTitle';
 
 export { PivotColumnHeaderTitle as default };

package/es/components/pivot/pivot-corner.d.ts

@@ -1,3 +1,7 @@
 import type { VNode } from 'vue';
 import type { ICornerDefine } from '@visactor/vtable';
-export default function PivotCorner(props: ICornerDefine): VNode;
+declare function PivotCorner(props: ICornerDefine): VNode;
+declare namespace PivotCorner {
+    var symbol: string;
+}
+export default PivotCorner;

package/es/components/pivot/pivot-corner.js

@@ -1,5 +1,6 @@
 function PivotCorner(props) {
     return null;
-}
+}
+PivotCorner.symbol = 'PivotCorner';
 
 export { PivotCorner as default };

package/es/components/pivot/pivot-indicator.d.ts

@@ -1,3 +1,7 @@
 import type { VNode } from 'vue';
 import type { IIndicator } from '@visactor/vtable';
-export default function PivotIndicator(props: IIndicator): VNode;
+declare function PivotIndicator(props: IIndicator): VNode;
+declare namespace PivotIndicator {
+    var symbol: string;
+}
+export default PivotIndicator;

package/es/components/pivot/pivot-indicator.js

@@ -1,5 +1,6 @@
 function PivotIndicator(props) {
     return null;
-}
+}
+PivotIndicator.symbol = 'PivotIndicator';
 
 export { PivotIndicator as default };

package/es/components/pivot/pivot-row-dimension.d.ts

@@ -4,5 +4,8 @@ interface ObjectHandler {
     objectHandler?: string | Array<string>;
 }
 export type PivotColumnDimensionProps = IDimension & ObjectHandler;
-export default function PivotRowDimension(props: PivotColumnDimensionProps): VNode;
-export {};
+declare function PivotRowDimension(props: PivotColumnDimensionProps): VNode;
+declare namespace PivotRowDimension {
+    var symbol: string;
+}
+export default PivotRowDimension;

package/es/components/pivot/pivot-row-dimension.js

@@ -1,5 +1,6 @@
 function PivotRowDimension(props) {
     return null;
-}
+}
+PivotRowDimension.symbol = 'PivotRowDimension';
 
 export { PivotRowDimension as default };

package/es/components/pivot/pivot-row-header-title.d.ts

@@ -1,3 +1,7 @@
 import type { VNode } from 'vue';
 import type { ITitleDefine } from '@visactor/vtable';
-export default function PivotRowHeaderTitle(props: ITitleDefine): VNode;
+declare function PivotRowHeaderTitle(props: ITitleDefine): VNode;
+declare namespace PivotRowHeaderTitle {
+    var symbol: string;
+}
+export default PivotRowHeaderTitle;

package/es/components/pivot/pivot-row-header-title.js

@@ -1,5 +1,6 @@
 function PivotRowHeaderTitle(props) {
     return null;
-}
+}
+PivotRowHeaderTitle.symbol = 'PivotRowHeaderTitle';
 
 export { PivotRowHeaderTitle as default };

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.8.0";
+export declare const version = "1.8.1";

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.8.0";
+const version = "1.8.1";
 
 export { version };

package/es/tables/list-table.vue.js

@@ -33,7 +33,7 @@ var _sfc_main = defineComponent({
             };
             vnodes.forEach(vnode => {
                 var _a, _b;
-                const typeName = ((_a = vnode.type) === null || _a === void 0 ? void 0 : _a.name) || ((_b = vnode.type) === null || _b === void 0 ? void 0 : _b.__name);
+                const typeName = ((_a = vnode.type) === null || _a === void 0 ? void 0 : _a.symbol) || ((_b = vnode.type) === null || _b === void 0 ? void 0 : _b.name);
                 const optionKey = typeMapping[typeName];
                 if (optionKey) {
                     if (optionKey === 'columns' && vnode.children) {

package/es/tables/pivot-chart.vue.js

@@ -39,7 +39,7 @@ var _sfc_main = defineComponent({
             };
             flattenedSlots.forEach(vnode => {
                 var _a, _b;
-                const typeName = ((_a = vnode.type) === null || _a === void 0 ? void 0 : _a.name) || ((_b = vnode.type) === null || _b === void 0 ? void 0 : _b.__name);
+                const typeName = ((_a = vnode.type) === null || _a === void 0 ? void 0 : _a.symbol) || ((_b = vnode.type) === null || _b === void 0 ? void 0 : _b.name);
                 const optionKey = typeMapping[typeName];
                 if (optionKey) {
                     if (Array.isArray(options[optionKey])) {

package/es/tables/pivot-table.vue.js

@@ -39,7 +39,7 @@ var _sfc_main = defineComponent({
             };
             flattenedSlots.forEach(vnode => {
                 var _a, _b;
-                const typeName = ((_a = vnode.type) === null || _a === void 0 ? void 0 : _a.name) || ((_b = vnode.type) === null || _b === void 0 ? void 0 : _b.__name);
+                const typeName = ((_a = vnode.type) === null || _a === void 0 ? void 0 : _a.symbol) || ((_b = vnode.type) === null || _b === void 0 ? void 0 : _b.name);
                 const optionKey = typeMapping[typeName];
                 if (optionKey) {
                     if (Array.isArray(options[optionKey])) {

package/es/tables/utils.js

@@ -21,7 +21,7 @@ function createCustomLayout(children) {
             return null;
         }
         const { type, props, children: childChildren } = child;
-        const componentName = (type === null || type === void 0 ? void 0 : type.name) || type;
+        const componentName = (type === null || type === void 0 ? void 0 : type.symbol) || (type === null || type === void 0 ? void 0 : type.name);
         const ComponentClass = componentMap[componentName];
         if (!ComponentClass) {
             return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vue-vtable",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "description": "The vue version of VTable",
   "keywords": [
     "vue",
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@visactor/vutils": "~0.18.14",
-    "@visactor/vtable": "1.8.0"
+    "@visactor/vtable": "1.8.1"
   },
   "devDependencies": {
     "@arco-design/web-vue": "^2.11.0",