Javascript 我正在使用webpack和babel创建一个自定义表组件，并将其导出为npm包。如何从用户处获取表的json？

我已经创建了一个带有分页的表。我可以将其导出为NPM包。它起作用了。我使用了组件本身内部的数据。现在我必须将表导出为NPM包。之后，我可以在任何地方导入和使用该表。现在我的问题是如何将数据发送到NPM包。这样我就可以有一个包含动态数据的表了

下面的代码是我在CustomTable.js上的代码。我删除了所有不需要的代码以使其清晰和简单

class CustomTable extends HTMLElement {
    constructor() {
        super();
        this.attachShadow({
            mode: 'open'
        });
        this.shadowRoot.appendChild(template.content.cloneNode(true));
    }
    connectedCallback() {
        this.shadowRoot.querySelector('.tablea').addEventListener('click', () => {

        })
        this.loadTableAndPagination(this.shadowRoot);
    }

    loadTableAndPagination(shadowRootVari) {
       
        this.shadowRoot.querySelector(".tablea").prepend(buildHtmlTable([mydata]));

        // Builds the HTML Table out of myList json data from Ivy restful service.
        function buildHtmlTable(arr) {
            var table = _table_.cloneNode(false),
                columns = addAllColumnHeaders(arr, table);
            for (var i = 0, maxi = arr.length; i < maxi; ++i) {
                var tr = _tr_.cloneNode(false);
                for (var j = 0, maxj = columns.length; j < maxj; ++j) {
                    var td = _td_.cloneNode(false);
                    td.appendChild(document.createTextNode(arr[i][columns[j]] || ''));
                    tr.appendChild(td);
                }
                table.appendChild(tr);
            }
            paginationCre(table);
            return table;
        }
    }
}
export default CustomTable;

类CustomTable扩展了HtmleElement{
构造函数（）{
超级（）；
这是阿塔奇沙多({
模式：“打开”
});
this.shadowRoot.appendChild（template.content.cloneNode（true））；
}
connectedCallback（）{
this.shadowRoot.querySelector（'.tablea'）.addEventListener（'click'，（）=>{
})
this.loadTableAndPagination（this.shadowRoot）；
}
加载表和分页（shadowRootVari）{
this.shadowRoot.querySelector（“.tablea”）.prepend（buildHtmlTable（[mydata]）；
//从Ivy restful服务的myList json数据构建HTML表。
函数buildHtmlTable（arr）{
变量表=\表\克隆节点（假），
columns=AddAllColumnHeader（arr，表格）；
对于（变量i=0，最大值=arr.length；i

我将以上代码导出为npm包。我可以这样使用它

<custom-table></custom-table>

我在名为buildHtmlTable（[mydata]）的函数中传递mydata

现在我的问题是如何从我导入和使用这个包的地方动态发送构建HtmlTable方法的数据。对不起，如果我没有清楚地问这个问题。我希望我把问题说清楚。 如何从使用该特定包的文件向npm包发送数据