@visactor/vue-vtable 1.25.1-alpha.0 → 1.26.0

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

@@ -1,46 +1,44 @@
 'use strict';
 
 var vue = require('vue');
+var baseTable_vue_vue_type_script_setup_true_lang = require('./base-table.vue.js');
 var vnodeUtils = require('../utils/vnodeUtils.js');
-require('@visactor/vtable');
-require('@visactor/vutils');
 var slotUtils = require('../utils/slotUtils.js');
-var baseTable_vue_vue_type_script_setup_true_lang = require('./base-table.vue.js');
 
-var _sfc_main = vue.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 = vue.shallowRef(null);
-        const slots = vue.useSlots();
-        const computedOptions = vue.computed(() => {
-            var _a;
-            const flattenedSlots = vnodeUtils.flattenVNodes(((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) || []);
-            const slotOptions = slotUtils.extractPivotSlotOptions(flattenedSlots);
-            return slotUtils.mergeSlotOptions(props.options, slotOptions);
-        });
-        __expose({ vTableInstance: vue.computed(() => { var _a; return ((_a = baseTableRef.value) === null || _a === void 0 ? void 0 : _a.vTableInstance) || null; }) });
-        return (_ctx, _cache) => {
-            return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-                vue.createVNode(baseTable_vue_vue_type_script_setup_true_lang, vue.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"]),
-                vue.renderSlot(_ctx.$slots, "default")
-            ], 64));
-        };
-    }
+var _sfc_main = /*@__PURE__*/ vue.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 = vue.shallowRef(null);
+        const slots = vue.useSlots();
+        const computedOptions = vue.computed(() => {
+            var _a;
+            const flattenedSlots = vnodeUtils.flattenVNodes(((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) || []);
+            const slotOptions = slotUtils.extractPivotSlotOptions(flattenedSlots);
+            return slotUtils.mergeSlotOptions(props.options, slotOptions);
+        });
+        __expose({ vTableInstance: vue.computed(() => { var _a; return ((_a = baseTableRef.value) === null || _a === void 0 ? void 0 : _a.vTableInstance) || null; }) });
+        return (_ctx, _cache) => {
+            return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+                vue.createVNode(baseTable_vue_vue_type_script_setup_true_lang, vue.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"]),
+                vue.renderSlot(_ctx.$slots, "default")
+            ], 64 /* STABLE_FRAGMENT */));
+        };
+    }
 });
 
 module.exports = _sfc_main;

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

@@ -1,46 +1,44 @@
 'use strict';
 
 var vue = require('vue');
-var vnodeUtils = require('../utils/vnodeUtils.js');
-require('@visactor/vtable');
-require('@visactor/vutils');
-var slotUtils = require('../utils/slotUtils.js');
 var baseTable_vue_vue_type_script_setup_true_lang = require('./base-table.vue.js');
+var slotUtils = require('../utils/slotUtils.js');
+var vnodeUtils = require('../utils/vnodeUtils.js');
 
-var _sfc_main = vue.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 = vue.shallowRef(null);
-        const slots = vue.useSlots();
-        const computedOptions = vue.computed(() => {
-            var _a;
-            const flattenedSlots = vnodeUtils.flattenVNodes(((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) || []);
-            const slotOptions = slotUtils.extractPivotSlotOptions(flattenedSlots);
-            return slotUtils.mergeSlotOptions(props.options, slotOptions);
-        });
-        __expose({ vTableInstance: vue.computed(() => { var _a; return ((_a = baseTableRef.value) === null || _a === void 0 ? void 0 : _a.vTableInstance) || null; }) });
-        return (_ctx, _cache) => {
-            return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-                vue.createVNode(baseTable_vue_vue_type_script_setup_true_lang, vue.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"]),
-                vue.renderSlot(_ctx.$slots, "default")
-            ], 64));
-        };
-    }
+var _sfc_main = /*@__PURE__*/ vue.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 = vue.shallowRef(null);
+        const slots = vue.useSlots();
+        const computedOptions = vue.computed(() => {
+            var _a;
+            const flattenedSlots = vnodeUtils.flattenVNodes(((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) || []);
+            const slotOptions = slotUtils.extractPivotSlotOptions(flattenedSlots);
+            return slotUtils.mergeSlotOptions(props.options, slotOptions);
+        });
+        __expose({ vTableInstance: vue.computed(() => { var _a; return ((_a = baseTableRef.value) === null || _a === void 0 ? void 0 : _a.vTableInstance) || null; }) });
+        return (_ctx, _cache) => {
+            return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+                vue.createVNode(baseTable_vue_vue_type_script_setup_true_lang, vue.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"]),
+                vue.renderSlot(_ctx.$slots, "default")
+            ], 64 /* STABLE_FRAGMENT */));
+        };
+    }
 });
 
 module.exports = _sfc_main;

package/cjs/utils/customLayoutUtils.js

@@ -24,102 +24,115 @@ function _interopNamespaceDefault(e) {
 
 var VTable__namespace = /*#__PURE__*/_interopNamespaceDefault(VTable);
 
-function isEventProp(key, props) {
-    return key.startsWith('on') && vutils.isFunction(props[key]);
-}
-function createCustomLayout(children, isHeader, args) {
-    const componentMap = {
-        Group: VTable__namespace.CustomLayout.Group,
-        Image: VTable__namespace.CustomLayout.Image,
-        Text: VTable__namespace.CustomLayout.Text,
-        Tag: VTable__namespace.CustomLayout.Tag,
-        Radio: VTable__namespace.CustomLayout.Radio,
-        CheckBox: VTable__namespace.CustomLayout.CheckBox
-    };
-    function createComponent(child) {
-        var _a, _b;
-        if (!child) {
-            return null;
-        }
-        const { type, children: childChildren } = child;
-        const props = stringUtils.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 (vutils.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 (vue.isVNode(targetVNode)) {
-                targetVNode = !targetVNode.key
-                    ? vue.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 = stringUtils.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') && vutils.isFunction(props[key]);
+}
+// 创建自定义布局
+function createCustomLayout(children, isHeader, args) {
+    // 组件映射
+    const componentMap = {
+        Group: VTable__namespace.CustomLayout.Group,
+        Image: VTable__namespace.CustomLayout.Image,
+        Text: VTable__namespace.CustomLayout.Text,
+        Tag: VTable__namespace.CustomLayout.Tag,
+        Radio: VTable__namespace.CustomLayout.Radio,
+        CheckBox: VTable__namespace.CustomLayout.CheckBox
+    };
+    // 创建组件的函数
+    function createComponent(child) {
+        var _a, _b;
+        if (!child) {
+            return null;
+        }
+        const { type, children: childChildren } = child;
+        const props = stringUtils.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 (vutils.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 (vue.isVNode(targetVNode)) {
+                // node 标记 key 增加唯一项标记，避免重复渲染
+                targetVNode = !targetVNode.key
+                    ? vue.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 = stringUtils.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
+        };
+    };
 }
 
 exports.createCustomLayout = createCustomLayout;

package/cjs/utils/slotUtils.js

@@ -2,96 +2,93 @@
 
 var stringUtils = require('./stringUtils.js');
 var customLayoutUtils = require('./customLayoutUtils.js');
-require('tslib');
-require('@visactor/vutils');
-require('vue');
-require('@visactor/vtable');
 var util = require('../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 = stringUtils.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 = stringUtils.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 = customLayoutUtils.createCustomLayoutHandler(vnode.children);
-                }
-                if (vnode.children.headerCustomLayout) {
-                    vnode.props.headerCustomLayout = customLayoutUtils.createCustomLayoutHandler(vnode.children, true);
-                }
-                util.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 = stringUtils.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 = stringUtils.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 = customLayoutUtils.createCustomLayoutHandler(vnode.children);
+                }
+                if (vnode.children.headerCustomLayout) {
+                    vnode.props.headerCustomLayout = customLayoutUtils.createCustomLayoutHandler(vnode.children, true);
+                }
+                // 校验编辑器
+                util.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 });
 }
 
 exports.extractListSlotOptions = extractListSlotOptions;

package/cjs/utils/stringUtils.js

@@ -1,17 +1,19 @@
 'use strict';
 
-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;
 }
 
 exports.convertPropsToCamelCase = convertPropsToCamelCase;

package/cjs/utils/vnodeUtils.js

@@ -1,7 +1,8 @@
 'use strict';
 
-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));
 }
 
 exports.flattenVNodes = flattenVNodes;