@visactor/vue-vtable 1.25.0 → 1.25.1-alpha.1

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

@@ -1,44 +1,42 @@
 import { defineComponent, shallowRef, useSlots, computed, openBlock, createElementBlock, Fragment, createVNode, mergeProps, renderSlot } from 'vue';
+import _sfc_main$1 from './base-table.vue.js';
 import { flattenVNodes } from '../utils/vnodeUtils.js';
-import '@visactor/vtable';
-import '@visactor/vutils';
 import { extractPivotSlotOptions, mergeSlotOptions } from '../utils/slotUtils.js';
-import _sfc_main$1 from './base-table.vue.js';
 
-var _sfc_main = defineComponent({
-    __name: 'pivot-chart',
-    props: {
-        options: { type: Object, required: true },
-        records: { type: Array, required: false },
-        width: { type: [String, Number], required: false },
-        height: { type: [String, Number], required: false }
-    },
-    setup(__props, { expose: __expose }) {
-        const props = __props;
-        const baseTableRef = shallowRef(null);
-        const slots = useSlots();
-        const computedOptions = computed(() => {
-            var _a;
-            const flattenedSlots = flattenVNodes(((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) || []);
-            const slotOptions = extractPivotSlotOptions(flattenedSlots);
-            return mergeSlotOptions(props.options, slotOptions);
-        });
-        __expose({ vTableInstance: computed(() => { var _a; return ((_a = baseTableRef.value) === null || _a === void 0 ? void 0 : _a.vTableInstance) || null; }) });
-        return (_ctx, _cache) => {
-            return (openBlock(), createElementBlock(Fragment, null, [
-                createVNode(_sfc_main$1, mergeProps({
-                    type: "chart",
-                    options: computedOptions.value,
-                    records: __props.records,
-                    width: __props.width,
-                    height: __props.height,
-                    ref_key: "baseTableRef",
-                    ref: baseTableRef
-                }, _ctx.$attrs), null, 16, ["options", "records", "width", "height"]),
-                renderSlot(_ctx.$slots, "default")
-            ], 64));
-        };
-    }
+var _sfc_main = /*@__PURE__*/ defineComponent({
+    __name: 'pivot-chart',
+    props: {
+        options: { type: Object, required: true },
+        records: { type: Array, required: false },
+        width: { type: [String, Number], required: false },
+        height: { type: [String, Number], required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        const props = __props;
+        const baseTableRef = shallowRef(null);
+        const slots = useSlots();
+        const computedOptions = computed(() => {
+            var _a;
+            const flattenedSlots = flattenVNodes(((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) || []);
+            const slotOptions = extractPivotSlotOptions(flattenedSlots);
+            return mergeSlotOptions(props.options, slotOptions);
+        });
+        __expose({ vTableInstance: computed(() => { var _a; return ((_a = baseTableRef.value) === null || _a === void 0 ? void 0 : _a.vTableInstance) || null; }) });
+        return (_ctx, _cache) => {
+            return (openBlock(), createElementBlock(Fragment, null, [
+                createVNode(_sfc_main$1, mergeProps({
+                    type: "chart",
+                    options: computedOptions.value,
+                    records: __props.records,
+                    width: __props.width,
+                    height: __props.height,
+                    ref_key: "baseTableRef",
+                    ref: baseTableRef
+                }, _ctx.$attrs), null, 16 /* FULL_PROPS */, ["options", "records", "width", "height"]),
+                renderSlot(_ctx.$slots, "default")
+            ], 64 /* STABLE_FRAGMENT */));
+        };
+    }
 });
 
 export { _sfc_main as default };

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

@@ -1,44 +1,42 @@
 import { defineComponent, shallowRef, useSlots, computed, openBlock, createElementBlock, Fragment, createVNode, mergeProps, renderSlot } from 'vue';
-import { flattenVNodes } from '../utils/vnodeUtils.js';
-import '@visactor/vtable';
-import '@visactor/vutils';
-import { extractPivotSlotOptions, mergeSlotOptions } from '../utils/slotUtils.js';
 import _sfc_main$1 from './base-table.vue.js';
+import { extractPivotSlotOptions, mergeSlotOptions } from '../utils/slotUtils.js';
+import { flattenVNodes } from '../utils/vnodeUtils.js';
 
-var _sfc_main = defineComponent({
-    __name: 'pivot-table',
-    props: {
-        options: { type: Object, required: true },
-        records: { type: Array, required: false },
-        width: { type: [String, Number], required: false },
-        height: { type: [String, Number], required: false }
-    },
-    setup(__props, { expose: __expose }) {
-        const props = __props;
-        const baseTableRef = shallowRef(null);
-        const slots = useSlots();
-        const computedOptions = computed(() => {
-            var _a;
-            const flattenedSlots = flattenVNodes(((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) || []);
-            const slotOptions = extractPivotSlotOptions(flattenedSlots);
-            return mergeSlotOptions(props.options, slotOptions);
-        });
-        __expose({ vTableInstance: computed(() => { var _a; return ((_a = baseTableRef.value) === null || _a === void 0 ? void 0 : _a.vTableInstance) || null; }) });
-        return (_ctx, _cache) => {
-            return (openBlock(), createElementBlock(Fragment, null, [
-                createVNode(_sfc_main$1, mergeProps({
-                    type: "pivot",
-                    options: computedOptions.value,
-                    records: __props.records,
-                    width: __props.width,
-                    height: __props.height,
-                    ref_key: "baseTableRef",
-                    ref: baseTableRef
-                }, _ctx.$attrs), null, 16, ["options", "records", "width", "height"]),
-                renderSlot(_ctx.$slots, "default")
-            ], 64));
-        };
-    }
+var _sfc_main = /*@__PURE__*/ defineComponent({
+    __name: 'pivot-table',
+    props: {
+        options: { type: Object, required: true },
+        records: { type: Array, required: false },
+        width: { type: [String, Number], required: false },
+        height: { type: [String, Number], required: false }
+    },
+    setup(__props, { expose: __expose }) {
+        const props = __props;
+        const baseTableRef = shallowRef(null);
+        const slots = useSlots();
+        const computedOptions = computed(() => {
+            var _a;
+            const flattenedSlots = flattenVNodes(((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) || []);
+            const slotOptions = extractPivotSlotOptions(flattenedSlots);
+            return mergeSlotOptions(props.options, slotOptions);
+        });
+        __expose({ vTableInstance: computed(() => { var _a; return ((_a = baseTableRef.value) === null || _a === void 0 ? void 0 : _a.vTableInstance) || null; }) });
+        return (_ctx, _cache) => {
+            return (openBlock(), createElementBlock(Fragment, null, [
+                createVNode(_sfc_main$1, mergeProps({
+                    type: "pivot",
+                    options: computedOptions.value,
+                    records: __props.records,
+                    width: __props.width,
+                    height: __props.height,
+                    ref_key: "baseTableRef",
+                    ref: baseTableRef
+                }, _ctx.$attrs), null, 16 /* FULL_PROPS */, ["options", "records", "width", "height"]),
+                renderSlot(_ctx.$slots, "default")
+            ], 64 /* STABLE_FRAGMENT */));
+        };
+    }
 });
 
 export { _sfc_main as default };

package/es/utils/customLayoutUtils.js

@@ -3,102 +3,115 @@ import { convertPropsToCamelCase, toCamelCase } from './stringUtils.js';
 import { isObject, isFunction } from '@visactor/vutils';
 import { isVNode, cloneVNode } from 'vue';
 
-function isEventProp(key, props) {
-    return key.startsWith('on') && isFunction(props[key]);
-}
-function createCustomLayout(children, isHeader, args) {
-    const componentMap = {
-        Group: VTable.CustomLayout.Group,
-        Image: VTable.CustomLayout.Image,
-        Text: VTable.CustomLayout.Text,
-        Tag: VTable.CustomLayout.Tag,
-        Radio: VTable.CustomLayout.Radio,
-        CheckBox: VTable.CustomLayout.CheckBox
-    };
-    function createComponent(child) {
-        var _a, _b;
-        if (!child) {
-            return null;
-        }
-        const { type, children: childChildren } = child;
-        const props = convertPropsToCamelCase(child.props);
-        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;
-        }
-        const component = new ComponentClass(Object.assign({}, props));
-        bindComponentEvents(component, props);
-        const subChildren = resolveChildren(childChildren);
-        if (isObject(props === null || props === void 0 ? void 0 : props.vue)) {
-            const { element } = props.vue;
-            let targetVNode = element !== null && element !== void 0 ? element : subChildren.find(node => (node === null || node === void 0 ? void 0 : node.type) !== Symbol.for('v-cmt'));
-            if (isVNode(targetVNode)) {
-                targetVNode = !targetVNode.key
-                    ? cloneVNode(targetVNode, { key: `row_${args.row}_col_${args.col}` })
-                    : targetVNode;
-            }
-            else {
-                targetVNode = null;
-            }
-            Object.assign(child.props.vue, {
-                element: targetVNode,
-                container: isHeader ? (_a = args === null || args === void 0 ? void 0 : args.table) === null || _a === void 0 ? void 0 : _a.headerDomContainer : (_b = args === null || args === void 0 ? void 0 : args.table) === null || _b === void 0 ? void 0 : _b.bodyDomContainer
-            });
-            return component;
-        }
-        subChildren.forEach((subChild) => {
-            const subComponent = createComponent(subChild);
-            if (subComponent) {
-                component.add(subComponent);
-            }
-            else if (subChild.type === Symbol.for('v-fgt')) {
-                subChild.children.forEach((nestedChild) => {
-                    const nestedComponent = createComponent(nestedChild);
-                    if (nestedComponent) {
-                        component.add(nestedComponent);
-                    }
-                });
-            }
-        });
-        return component;
-    }
-    function resolveChildren(childChildren) {
-        var _a;
-        return ((_a = childChildren === null || childChildren === void 0 ? void 0 : childChildren.default) === null || _a === void 0 ? void 0 : _a.call(childChildren)) || childChildren || [];
-    }
-    function bindComponentEvents(component, props) {
-        Object.keys(props).forEach(key => {
-            if (isEventProp(key, props)) {
-                let eventName;
-                if (key.startsWith('on')) {
-                    eventName = key.slice(2).toLowerCase();
-                }
-                else {
-                    eventName = toCamelCase(key.slice(2)).toLowerCase();
-                }
-                component.addEventListener(eventName, props[key]);
-            }
-        });
-    }
-    return { rootComponent: createComponent(children) };
-}
-function createCustomLayoutHandler(children, isHeader) {
-    return (args) => {
-        const { table, row, col, rect } = args;
-        const record = table.getCellOriginRecord(col, row);
-        const { height, width } = rect !== null && rect !== void 0 ? rect : table.getCellRect(col, row);
-        const customLayoutKey = isHeader ? 'headerCustomLayout' : 'customLayout';
-        if (!children[customLayoutKey]) {
-            return null;
-        }
-        const rootContainer = children[customLayoutKey]({ table, row, col, rect, record, height, width })[0];
-        const { rootComponent } = createCustomLayout(rootContainer, isHeader, args);
-        return {
-            rootContainer: rootComponent,
-            renderDefault: false
-        };
-    };
+// 检查属性是否为事件
+function isEventProp(key, props) {
+    return key.startsWith('on') && isFunction(props[key]);
+}
+// 创建自定义布局
+function createCustomLayout(children, isHeader, args) {
+    // 组件映射
+    const componentMap = {
+        Group: VTable.CustomLayout.Group,
+        Image: VTable.CustomLayout.Image,
+        Text: VTable.CustomLayout.Text,
+        Tag: VTable.CustomLayout.Tag,
+        Radio: VTable.CustomLayout.Radio,
+        CheckBox: VTable.CustomLayout.CheckBox
+    };
+    // 创建组件的函数
+    function createComponent(child) {
+        var _a, _b;
+        if (!child) {
+            return null;
+        }
+        const { type, children: childChildren } = child;
+        const props = convertPropsToCamelCase(child.props);
+        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;
+        }
+        // 创建组件实例
+        const component = new ComponentClass(Object.assign({}, props));
+        // 绑定组件事件
+        bindComponentEvents(component, props);
+        // 递归创建子组件
+        const subChildren = resolveChildren(childChildren);
+        if (isObject(props === null || props === void 0 ? void 0 : props.vue)) {
+            // vue 自定义节点：无需继续循环子节点
+            const { element } = props.vue;
+            let targetVNode = element !== null && element !== void 0 ? element : subChildren.find(node => (node === null || node === void 0 ? void 0 : node.type) !== Symbol.for('v-cmt'));
+            if (isVNode(targetVNode)) {
+                // node 标记 key 增加唯一项标记，避免重复渲染
+                targetVNode = !targetVNode.key
+                    ? cloneVNode(targetVNode, { key: `row_${args.row}_col_${args.col}` })
+                    : targetVNode;
+            }
+            else {
+                targetVNode = null;
+            }
+            Object.assign(child.props.vue, {
+                element: targetVNode,
+                // 不接入外部指定
+                container: isHeader ? (_a = args === null || args === void 0 ? void 0 : args.table) === null || _a === void 0 ? void 0 : _a.headerDomContainer : (_b = args === null || args === void 0 ? void 0 : args.table) === null || _b === void 0 ? void 0 : _b.bodyDomContainer
+            });
+            return component;
+        }
+        subChildren.forEach((subChild) => {
+            const subComponent = createComponent(subChild);
+            if (subComponent) {
+                component.add(subComponent);
+            }
+            else if (subChild.type === Symbol.for('v-fgt')) {
+                subChild.children.forEach((nestedChild) => {
+                    const nestedComponent = createComponent(nestedChild);
+                    if (nestedComponent) {
+                        component.add(nestedComponent);
+                    }
+                });
+            }
+        });
+        return component;
+    }
+    // 处理子节点
+    function resolveChildren(childChildren) {
+        var _a;
+        return ((_a = childChildren === null || childChildren === void 0 ? void 0 : childChildren.default) === null || _a === void 0 ? void 0 : _a.call(childChildren)) || childChildren || [];
+    }
+    // 绑定组件事件
+    function bindComponentEvents(component, props) {
+        Object.keys(props).forEach(key => {
+            if (isEventProp(key, props)) {
+                let eventName;
+                if (key.startsWith('on')) {
+                    eventName = key.slice(2).toLowerCase(); // 去掉'on'前缀并转换为小写
+                }
+                else {
+                    eventName = toCamelCase(key.slice(2)).toLowerCase(); // 转换为camelCase
+                }
+                component.addEventListener(eventName, props[key]);
+            }
+        });
+    }
+    // 返回root组件和refs
+    return { rootComponent: createComponent(children) };
+}
+function createCustomLayoutHandler(children, isHeader) {
+    return (args) => {
+        const { table, row, col, rect } = args;
+        const record = table.getCellOriginRecord(col, row);
+        const { height, width } = rect !== null && rect !== void 0 ? rect : table.getCellRect(col, row);
+        const customLayoutKey = isHeader ? 'headerCustomLayout' : 'customLayout';
+        if (!children[customLayoutKey]) {
+            return null;
+        }
+        const rootContainer = children[customLayoutKey]({ table, row, col, rect, record, height, width })[0];
+        const { rootComponent } = createCustomLayout(rootContainer, isHeader, args);
+        return {
+            rootContainer: rootComponent,
+            renderDefault: false
+        };
+    };
 }
 
 export { createCustomLayout, createCustomLayoutHandler };

package/es/utils/slotUtils.js

@@ -1,95 +1,92 @@
 import { convertPropsToCamelCase } from './stringUtils.js';
 import { createCustomLayoutHandler } from './customLayoutUtils.js';
-import 'tslib';
-import '@visactor/vutils';
-import 'vue';
-import '@visactor/vtable';
 import { checkRenderEditor } from '../edit/util.js';
 
-function extractPivotSlotOptions(vnodes) {
-    const options = {
-        columns: [],
-        columnHeaderTitle: [],
-        rows: [],
-        rowHeaderTitle: [],
-        indicators: [],
-        corner: {},
-        tooltip: {},
-        menu: {}
-    };
-    const typeMapping = {
-        PivotColumnDimension: 'columns',
-        PivotColumnHeaderTitle: 'columnHeaderTitle',
-        PivotRowDimension: 'rows',
-        PivotRowHeaderTitle: 'rowHeaderTitle',
-        PivotCorner: 'corner',
-        PivotIndicator: 'indicators',
-        Tooltip: 'tooltip',
-        Menu: 'menu'
-    };
-    vnodes.forEach(vnode => {
-        var _a, _b;
-        vnode.props = convertPropsToCamelCase(vnode.props);
-        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])) {
-                if (vnode.props.hasOwnProperty('objectHandler')) {
-                    options[optionKey].push(vnode.props.objectHandler);
-                }
-                else {
-                    options[optionKey].push(vnode.props);
-                }
-            }
-            else {
-                options[optionKey] = vnode.props;
-            }
-        }
-    });
-    return options;
-}
-function extractListSlotOptions(vnodes) {
-    const options = {
-        columns: [],
-        tooltip: {},
-        menu: {}
-    };
-    const typeMapping = {
-        ListColumn: 'columns',
-        Tooltip: 'tooltip',
-        Menu: 'menu'
-    };
-    vnodes.forEach(vnode => {
-        var _a, _b;
-        vnode.props = convertPropsToCamelCase(vnode.props);
-        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) {
-                if (vnode.children.customLayout) {
-                    vnode.props.customLayout = createCustomLayoutHandler(vnode.children);
-                }
-                if (vnode.children.headerCustomLayout) {
-                    vnode.props.headerCustomLayout = createCustomLayoutHandler(vnode.children, true);
-                }
-                checkRenderEditor(vnode.props, vnode.children.edit);
-            }
-            if (Array.isArray(options[optionKey])) {
-                options[optionKey].push(vnode.props);
-            }
-            else {
-                options[optionKey] = vnode.props;
-            }
-        }
-    });
-    return options;
-}
-function mergeSlotOptions(propsOptions, slotOptions) {
-    return Object.assign(Object.assign({}, propsOptions), { columns: slotOptions.columns && slotOptions.columns.length ? slotOptions.columns : propsOptions.columns, columnHeaderTitle: slotOptions.columnHeaderTitle && slotOptions.columnHeaderTitle.length
-            ? slotOptions.columnHeaderTitle
-            : propsOptions.columnHeaderTitle, rows: slotOptions.rows && slotOptions.rows.length ? slotOptions.rows : propsOptions.rows, rowHeaderTitle: slotOptions.rowHeaderTitle && slotOptions.rowHeaderTitle.length
-            ? slotOptions.rowHeaderTitle
-            : propsOptions.rowHeaderTitle, indicators: slotOptions.indicators && slotOptions.indicators.length ? slotOptions.indicators : propsOptions.indicators, corner: Object.keys(propsOptions.corner || {}).length ? propsOptions.corner : slotOptions.corner, tooltip: Object.keys(slotOptions.tooltip || {}).length ? slotOptions.tooltip : propsOptions.tooltip, menu: Object.keys(slotOptions.menu || {}).length ? slotOptions.menu : propsOptions.menu });
+function extractPivotSlotOptions(vnodes) {
+    const options = {
+        columns: [],
+        columnHeaderTitle: [],
+        rows: [],
+        rowHeaderTitle: [],
+        indicators: [],
+        corner: {},
+        tooltip: {},
+        menu: {}
+    };
+    const typeMapping = {
+        PivotColumnDimension: 'columns',
+        PivotColumnHeaderTitle: 'columnHeaderTitle',
+        PivotRowDimension: 'rows',
+        PivotRowHeaderTitle: 'rowHeaderTitle',
+        PivotCorner: 'corner',
+        PivotIndicator: 'indicators',
+        Tooltip: 'tooltip',
+        Menu: 'menu'
+    };
+    vnodes.forEach(vnode => {
+        var _a, _b;
+        vnode.props = convertPropsToCamelCase(vnode.props);
+        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])) {
+                if (vnode.props.hasOwnProperty('objectHandler')) {
+                    options[optionKey].push(vnode.props.objectHandler);
+                }
+                else {
+                    options[optionKey].push(vnode.props);
+                }
+            }
+            else {
+                options[optionKey] = vnode.props;
+            }
+        }
+    });
+    return options;
+}
+function extractListSlotOptions(vnodes) {
+    const options = {
+        columns: [],
+        tooltip: {},
+        menu: {}
+    };
+    const typeMapping = {
+        ListColumn: 'columns',
+        Tooltip: 'tooltip',
+        Menu: 'menu'
+    };
+    vnodes.forEach(vnode => {
+        var _a, _b;
+        vnode.props = convertPropsToCamelCase(vnode.props);
+        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) {
+                if (vnode.children.customLayout) {
+                    vnode.props.customLayout = createCustomLayoutHandler(vnode.children);
+                }
+                if (vnode.children.headerCustomLayout) {
+                    vnode.props.headerCustomLayout = createCustomLayoutHandler(vnode.children, true);
+                }
+                // 校验编辑器
+                checkRenderEditor(vnode.props, vnode.children.edit);
+            }
+            if (Array.isArray(options[optionKey])) {
+                options[optionKey].push(vnode.props);
+            }
+            else {
+                options[optionKey] = vnode.props;
+            }
+        }
+    });
+    return options;
+}
+function mergeSlotOptions(propsOptions, slotOptions) {
+    return Object.assign(Object.assign({}, propsOptions), { columns: slotOptions.columns && slotOptions.columns.length ? slotOptions.columns : propsOptions.columns, columnHeaderTitle: slotOptions.columnHeaderTitle && slotOptions.columnHeaderTitle.length
+            ? slotOptions.columnHeaderTitle
+            : propsOptions.columnHeaderTitle, rows: slotOptions.rows && slotOptions.rows.length ? slotOptions.rows : propsOptions.rows, rowHeaderTitle: slotOptions.rowHeaderTitle && slotOptions.rowHeaderTitle.length
+            ? slotOptions.rowHeaderTitle
+            : propsOptions.rowHeaderTitle, indicators: slotOptions.indicators && slotOptions.indicators.length ? slotOptions.indicators : propsOptions.indicators, corner: Object.keys(propsOptions.corner || {}).length ? propsOptions.corner : slotOptions.corner, tooltip: Object.keys(slotOptions.tooltip || {}).length ? slotOptions.tooltip : propsOptions.tooltip, menu: Object.keys(slotOptions.menu || {}).length ? slotOptions.menu : propsOptions.menu });
 }
 
 export { extractListSlotOptions, extractPivotSlotOptions, mergeSlotOptions };

package/es/utils/stringUtils.js

@@ -1,15 +1,17 @@
-function toCamelCase(str) {
-    return str.replace(/-([a-z])/g, g => g[1].toUpperCase());
-}
-function convertPropsToCamelCase(props) {
-    const newProps = {};
-    for (const key in props) {
-        if (props.hasOwnProperty(key)) {
-            const camelCaseKey = toCamelCase(key);
-            newProps[camelCaseKey] = props[key];
-        }
-    }
-    return newProps;
+// 将连字符形式的字符串转换为驼峰形式
+function toCamelCase(str) {
+    return str.replace(/-([a-z])/g, g => g[1].toUpperCase());
+}
+// 将 vnode.props 中的所有属性名转换为驼峰形式
+function convertPropsToCamelCase(props) {
+    const newProps = {};
+    for (const key in props) {
+        if (props.hasOwnProperty(key)) {
+            const camelCaseKey = toCamelCase(key);
+            newProps[camelCaseKey] = props[key];
+        }
+    }
+    return newProps;
 }
 
 export { convertPropsToCamelCase, toCamelCase };

package/es/utils/vnodeUtils.js

@@ -1,5 +1,6 @@
-function flattenVNodes(vnodes) {
-    return vnodes.flatMap(vnode => (Array.isArray(vnode.children) ? flattenVNodes(vnode.children) : vnode));
+// 展平嵌套的虚拟节点
+function flattenVNodes(vnodes) {
+    return vnodes.flatMap(vnode => (Array.isArray(vnode.children) ? flattenVNodes(vnode.children) : vnode));
 }
 
 export { flattenVNodes };

package/package.json

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

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

@@ -1,14 +0,0 @@
-import type { VNode } from 'vue';
-import type { TYPES } from '@visactor/vtable';
-export type MenuProps = {
-    renderMode?: 'canvas' | 'html';
-    defaultHeaderMenuItems?: TYPES.MenuListItem[];
-    contextMenuItems?: TYPES.MenuListItem[] | ((field: string, row: number, col: number) => TYPES.MenuListItem[]);
-    dropDownMenuHighlight?: TYPES.DropDownMenuHighlightInfo[];
-    contextMenuWorkOnlyCell?: boolean;
-};
-declare function Menu(props: MenuProps): VNode;
-declare namespace Menu {
-    var symbol: string;
-}
-export default Menu;