@kp-ui/lowcode 1.0.24 → 1.0.26

package/src/mixins/useDataTableMixin.js

@@ -1,13 +1,14 @@
-import { omit as a, isArray as l, isEmpty as c } from "lodash-es";
-import { fmtHttpParams as u } from "../utils/request/fmtHttpParams.js";
-import { TpfConfirm as d } from "../hooks/TpfConfirm.js";
-import { useCustomRender as h } from "../components/CustomRender/index.js";
-const { customRender: w } = h(), F = {
+import { omit, isArray, isEmpty } from "lodash-es";
+import { fmtHttpParams } from "../utils/request/fmtHttpParams.js";
+import { TpfConfirm } from "../hooks/TpfConfirm.js";
+import { useCustomRender } from "../components/CustomRender/index.js";
+const { customRender } = useCustomRender();
+const useDataTableMixin = {
   data() {
     return {
       selectedRowInfo: { selectedRowKeys: [], selectedRows: [] },
       selectRow: {},
-      loading: !1
+      loading: false
     };
   },
   computed: {
@@ -27,29 +28,45 @@ const { customRender: w } = h(), F = {
       return this.widget.options.tableSize || "default";
     },
     fmtPagination() {
-      const { showPagination: t } = this.widget.options;
-      return t ? {
+      const { showPagination } = this.widget.options;
+      if (!showPagination) return false;
+      return {
         ...this.widget.options.pagination,
-        showTotal: (e) => `共 ${e} 条`
-      } : !1;
+        showTotal: (total) => `共 ${total} 条`
+      };
     }
   },
   methods: {
     handleHidden() {
-      const { onHidden: t, hidden: e } = this.widget.options;
-      return e ? !0 : t ? new Function(t).call(this) : !1;
+      const { onHidden, hidden } = this.widget.options;
+      if (hidden) return true;
+      if (onHidden) {
+        const onHiddenFn = new Function(onHidden);
+        return onHiddenFn.call(this);
+      }
+      return false;
     },
-    rowClassName(t) {
-      const { rowKey: e, colorRow: n } = this.widget.options;
-      return n && this.selectRow[e] === t[e] ? "colorRowClassName" : "";
+    rowClassName(record) {
+      const { rowKey, colorRow } = this.widget.options;
+      if (!colorRow) return "";
+      return this.selectRow[rowKey] === record[rowKey] ? "colorRowClassName" : "";
     },
-    handleResizeColumn(t, e) {
-      const { tableColumns: n } = this.widget.options, s = n.map((o) => (o.dataIndex === e.dataIndex && (o.width = t), { ...o }));
-      this.setTableColumns(s);
+    handleResizeColumn(w, col) {
+      const { tableColumns } = this.widget.options;
+      const newTableColumns = tableColumns.map((item) => {
+        if (item.dataIndex === col.dataIndex) {
+          item.width = w;
+        }
+        return { ...item };
+      });
+      this.setTableColumns(newTableColumns);
     },
     disabledClick() {
-      const { hasRowSelection: t } = this.widget.options.rowSelection;
-      return t ? c(this.selectedRowInfo.selectedRowKeys) : c(this.selectRow);
+      const { hasRowSelection } = this.widget.options.rowSelection;
+      if (hasRowSelection) {
+        return isEmpty(this.selectedRowInfo.selectedRowKeys);
+      }
+      return isEmpty(this.selectRow);
     },
     getSelectedRowKeys() {
       return this.selectedRowInfo.selectedRowKeys;
@@ -60,13 +77,19 @@ const { customRender: w } = h(), F = {
     getTableColumns() {
       return this.widget.options.tableColumns;
     },
-    setTableColumns(t) {
-      this.widget.options.tableColumns = t;
+    setTableColumns(list) {
+      this.widget.options.tableColumns = list;
+      return;
     },
-    async delSelectRow(t) {
-      if (await d({ content: "确定删除选中的数据吗" }), t = t || this.selectedRowInfo.selectedRowKeys, !t.length) return;
-      const { rowKey: e } = this.widget.options, s = this.getDataSource().filter((o) => !(t != null && t.includes(o[e])));
-      this.setDataSource(s), this.$message.success("操作成功");
+    async delSelectRow(delKeys) {
+      await TpfConfirm({ content: "确定删除选中的数据吗" });
+      delKeys = delKeys || this.selectedRowInfo.selectedRowKeys;
+      if (!delKeys.length) return;
+      const { rowKey } = this.widget.options;
+      const data = this.getDataSource();
+      const newList = data.filter((item) => !(delKeys == null ? void 0 : delKeys.includes(item[rowKey])));
+      this.setDataSource(newList);
+      this.$message.success("操作成功");
     },
     getPagination() {
       return this.widget.options.pagination;
@@ -75,16 +98,26 @@ const { customRender: w } = h(), F = {
      * 设置表格分页
      * @param pagination
      */
-    setPagination(t) {
-      t.page !== void 0 && (this.widget.options.pagination.current = t.page), t.pageSize !== void 0 && (this.widget.options.pagination.pageSize = t.pageSize), t.total !== void 0 && (this.widget.options.pagination.total = t.total);
+    setPagination(pagination) {
+      if (pagination.page !== void 0) {
+        this.widget.options.pagination.current = pagination.page;
+      }
+      if (pagination.pageSize !== void 0) {
+        this.widget.options.pagination.pageSize = pagination.pageSize;
+      }
+      if (pagination.total !== void 0) {
+        this.widget.options.pagination.total = pagination.total;
+      }
     },
-    setDataSource(t) {
-      this.selectedRowInfo = { selectedRowKeys: [], selectedRows: [] }, this.selectRow = {};
-      const e = l(t) ? t : [t];
-      this.widget.options.dataSource = [...e];
+    setDataSource(list) {
+      this.selectedRowInfo = { selectedRowKeys: [], selectedRows: [] };
+      this.selectRow = {};
+      const val = isArray(list) ? list : [list];
+      this.widget.options.dataSource = [...val];
     },
-    setValue(t) {
-      console.log("list: ", t), this.setDataSource(t);
+    setValue(list) {
+      console.log("list: ", list);
+      this.setDataSource(list);
     },
     getDataSource() {
       return this.widget.options.dataSource;
@@ -93,93 +126,150 @@ const { customRender: w } = h(), F = {
       return this.getDataSource();
     },
     async loadDataTableDataSource() {
-      if (!this.widget.options.dsEnabled)
+      if (!this.widget.options.dsEnabled) {
         return;
-      const t = this.widget.options;
-      if (t.dsEnabled && t.http.url) {
-        this.loading = !0;
-        const e = await u.call(this, t);
-        this.setPagination(e), this.setDataSource(e.list), this.loading = !1;
+      }
+      const ops = this.widget.options;
+      if (ops.dsEnabled && ops.http.url) {
+        this.loading = true;
+        const res = await fmtHttpParams.call(this, ops);
+        this.setPagination(res);
+        this.setDataSource(res.list);
+        this.loading = false;
       }
     },
-    handleCustomRow(t) {
-      const { customRow: e, colorRow: n } = this.widget.options, { hasRowSelection: s } = this.widget.options.rowSelection;
+    handleCustomRow(record) {
+      const { customRow, colorRow } = this.widget.options;
+      const { hasRowSelection } = this.widget.options.rowSelection;
       return {
-        onClick: (o) => {
-          n && (this.selectRow = t), new Function("record", "event", e.onClick).call(this, t, o);
+        onClick: (event) => {
+          if (colorRow) {
+            this.selectRow = record;
+          }
+          const customFn = new Function("record", "event", customRow.onClick);
+          customFn.call(this, record, event);
         },
-        onDblclick: (o) => {
-          new Function("record", "event", e.onDblclick).call(this, t, o);
+        onDblclick: (event) => {
+          const customFn = new Function("record", "event", customRow.onDblclick);
+          customFn.call(this, record, event);
         },
-        onMouseenter: (o) => {
-          new Function("record", "event", e.onMouseenter).call(this, t, o);
+        onMouseenter: (event) => {
+          const customFn = new Function("record", "event", customRow.onMouseenter);
+          customFn.call(this, record, event);
         },
-        onMouseleave: (o) => {
-          new Function("record", "event", e.onMouseleave).call(this, t, o);
+        onMouseleave: (event) => {
+          const customFn = new Function("record", "event", customRow.onMouseleave);
+          customFn.call(this, record, event);
         }
       };
     },
-    handleColumnItem(t) {
-      const e = a(t, ["customRender"]), n = t.customRender;
-      return n ? {
-        ...e,
-        customRender: (s) => w(n, s, this)
-      } : t;
+    handleColumnItem(item) {
+      const res = omit(item, ["customRender"]);
+      const customRenderFn = item.customRender;
+      if (!customRenderFn) return item;
+      return {
+        ...res,
+        customRender: (params) => {
+          const result = customRender(customRenderFn, params, this);
+          return result;
+        }
+      };
     },
-    getOperationButtonLabel(t, e, n) {
-      const { onGetOperationButtonLabel: s } = this.widget.options;
-      return s ? new Function("buttonConfig", "rowIndex", "row", s).call(this, t, e, n) : t.label;
+    getOperationButtonLabel(buttonConfig, rowIndex, row) {
+      const { onGetOperationButtonLabel } = this.widget.options;
+      if (!!onGetOperationButtonLabel) {
+        const customFn = new Function("buttonConfig", "rowIndex", "row", onGetOperationButtonLabel);
+        return customFn.call(this, buttonConfig, rowIndex, row);
+      } else {
+        return buttonConfig.label;
+      }
     },
-    handleOperationButtonClick(t, e, n, s, o) {
-      this.skipSelectionChangeEvent = !0;
+    handleOperationButtonClick(btnName, rowIndex, row, scope, ob) {
+      this.skipSelectionChangeEvent = true;
       try {
-        if (o.onClick) {
-          new Function("record", "index", "column", "btn", o.onClick).call(this, n, e, s.column, o);
+        if (ob.onClick) {
+          const clcFn = new Function("record", "index", "column", "btn", ob.onClick);
+          clcFn.call(this, row, rowIndex, scope.column, ob);
           return;
         }
-        const { onOperationButtonClick: i } = this.widget.options;
-        i ? new Function("buttonName", "rowIndex", "row", i).call(this, t, e, n) : this.dispatch("VFormRender", "operationButtonClick", [this, t, e, n]);
+        const { onOperationButtonClick } = this.widget.options;
+        if (!!onOperationButtonClick) {
+          const customFn = new Function("buttonName", "rowIndex", "row", onOperationButtonClick);
+          customFn.call(this, btnName, rowIndex, row);
+        } else {
+          this.dispatch("VFormRender", "operationButtonClick", [this, btnName, rowIndex, row]);
+        }
       } finally {
-        this.skipSelectionChangeEvent = !1;
+        this.skipSelectionChangeEvent = false;
       }
     },
-    showOperationButton(t, e, n) {
-      const { onHideOperationButton: s } = this.widget.options;
-      return s ? !!new Function("buttonConfig", "rowIndex", "row", s).call(this, t, e, n) : !t.hidden;
+    showOperationButton(buttonConfig, rowIndex, row) {
+      const { onHideOperationButton } = this.widget.options;
+      if (!!onHideOperationButton) {
+        const customFn = new Function("buttonConfig", "rowIndex", "row", onHideOperationButton);
+        return !!customFn.call(this, buttonConfig, rowIndex, row);
+      } else {
+        return !buttonConfig.hidden;
+      }
     },
-    disableOperationButton(t, e, n) {
-      const { onDisableOperationButton: s } = this.widget.options;
-      return s ? new Function("buttonConfig", "rowIndex", "row", s).call(this, t, e, n) : t.disabled;
+    disableOperationButton(buttonConfig, rowIndex, row) {
+      const { onDisableOperationButton } = this.widget.options;
+      if (!!onDisableOperationButton) {
+        const customFn = new Function("buttonConfig", "rowIndex", "row", onDisableOperationButton);
+        return customFn.call(this, buttonConfig, rowIndex, row);
+      } else {
+        return buttonConfig.disabled;
+      }
     },
-    customRenderIndex({ index: t }) {
-      return t + 1;
+    customRenderIndex({ index }) {
+      return index + 1;
     },
-    handleCurrentPageChange(t) {
-      this.currentPage = t;
-      const { onCurrentPageChange: e } = this.widget.options;
-      e ? new Function("pageSize", "currentPage", e).call(this, this.pageSize, t) : this.dispatch("VFormRender", "dataTablePageChange", [this, this.pageSize, t]);
+    handleCurrentPageChange(currentPage) {
+      this.currentPage = currentPage;
+      const { onCurrentPageChange } = this.widget.options;
+      if (!!onCurrentPageChange) {
+        const customFn = new Function("pageSize", "currentPage", onCurrentPageChange);
+        customFn.call(this, this.pageSize, currentPage);
+      } else {
+        this.dispatch("VFormRender", "dataTablePageChange", [this, this.pageSize, currentPage]);
+      }
     },
-    handlePageSizeChange(t) {
-      this.pageSize = t;
-      const { onPageSizeChange: e } = this.widget.options;
-      e ? new Function("pageSize", "currentPage", e).call(this, t, this.currentPage) : this.dispatch("VFormRender", "dataTablePageSizeChange", [this, t, this.currentPage]);
+    handlePageSizeChange(pageSize) {
+      this.pageSize = pageSize;
+      const { onPageSizeChange } = this.widget.options;
+      if (!!onPageSizeChange) {
+        const customFn = new Function("pageSize", "currentPage", onPageSizeChange);
+        customFn.call(this, pageSize, this.currentPage);
+      } else {
+        this.dispatch("VFormRender", "dataTablePageSizeChange", [this, pageSize, this.currentPage]);
+      }
     },
-    handleTablePageChange(t, e, n, { currentDataSource: s }) {
-      const o = this.widget.options.onTableChange;
-      this.widget.options.pagination.current = t.current, this.widget.options.pagination.pageSize = t.pageSize, o && new Function("pagination", "filters", "sorter", "currentDataSource", o).call(this, t, e, n, { currentDataSource: s }), this.loadDataTableDataSource();
+    handleTablePageChange(pagination, filters, sorter, { currentDataSource }) {
+      const fn = this.widget.options.onTableChange;
+      this.widget.options.pagination.current = pagination.current;
+      this.widget.options.pagination.pageSize = pagination.pageSize;
+      if (fn) {
+        const changeFunc = new Function("pagination", "filters", "sorter", "currentDataSource", fn);
+        changeFunc.call(this, pagination, filters, sorter, { currentDataSource });
+      }
+      this.loadDataTableDataSource();
     },
     handleRowSelection() {
-      const t = this.widget.options.rowSelection;
-      if (t.hasRowSelection)
-        return {
-          ...a(t, ["onChange"]),
-          onChange: (e, n) => {
-            this.selectedRowInfo = { selectedRowKeys: e, selectedRows: n }, new Function("selectedRowKeys", "selectedRows", t.onChange).call(this, e, n);
-          }
-        };
+      const info = this.widget.options.rowSelection;
+      if (!info.hasRowSelection) {
+        return void 0;
+      }
+      return {
+        ...omit(info, ["onChange"]),
+        onChange: (selectedRowKeys, selectedRows) => {
+          this.selectedRowInfo = { selectedRowKeys, selectedRows };
+          const rcFunc = new Function("selectedRowKeys", "selectedRows", info.onChange);
+          rcFunc.call(this, selectedRowKeys, selectedRows);
+        }
+      };
     }
   }
 };
 export {
-  F as default
+  useDataTableMixin as default
 };

package/src/mixins/useSelectMixin.js

@@ -1,5 +1,5 @@
-import { debounce as s } from "lodash-es";
-const l = {
+import { debounce } from "lodash-es";
+const useSelectMixin = {
   data() {
     return {
       keyword: "",
@@ -20,41 +20,55 @@ const l = {
       };
     },
     selectOps() {
-      const t = this.field.options.showSearch;
+      const showSearch = true;
+      const useServer = this.field.options.showSearch;
       return {
         fieldNames: this.fieldNames,
-        showSearch: !0,
+        showSearch,
         onPopupScroll: this.onPopupScroll,
-        onSearch: this.remoteQuery,
-        filterOption: !t && this.filterOption,
+        onSearch: showSearch ? this.remoteQuery : void 0,
+        filterOption: !useServer && this.filterOption,
         listHeight: 240
       };
     }
   },
   methods: {
-    filterOption(e, t) {
-      return t[this.fieldNames.label].toLowerCase().indexOf(e.toLowerCase()) >= 0;
+    filterOption(inputValue, option) {
+      return option[this.fieldNames.label].toLowerCase().indexOf(inputValue.toLowerCase()) >= 0;
     },
     initPager() {
-      this.pager = { page: 1, pageSize: 20, total: 0, totalPage: 0 }, this.loadOptions([]);
+      this.pager = { page: 1, pageSize: 20, total: 0, totalPage: 0 };
+      this.loadOptions([]);
     },
-    remoteQuery(e) {
-      this.field.options.showSearch && (this.designState || (this.initPager(), this.keyword = e, this.initOptionItems(!0)));
+    remoteQuery(keyword) {
+      const useServer = this.field.options.showSearch;
+      if (!useServer) return;
+      if (!!this.designState) {
+        return;
+      }
+      this.initPager();
+      this.keyword = keyword;
+      this.initOptionItems(true);
     },
     onPopupScroll(e) {
       if (!this.field.options.loadingPage) return;
-      const { target: t } = e, { scrollTop: i, scrollHeight: o, clientHeight: r } = t;
-      if (o - (i + r) <= 30 && this.pager.totalPage > this.pager.page) {
-        if (this.pager.totalPage === this.pager.page)
-          return;
-        this.changePager();
+      const { target } = e;
+      const { scrollTop, scrollHeight, clientHeight } = target;
+      if (scrollHeight - (scrollTop + clientHeight) <= 30) {
+        if (this.pager.totalPage > this.pager.page) {
+          if (this.pager.totalPage === this.pager.page) {
+            return;
+          }
+          this.changePager();
+        }
       }
     },
-    changePager: s(function() {
-      this.pager.page += 1, this.initOptionItems(!0);
+    changePager: debounce(function() {
+      this.pager.page += 1;
+      this.initOptionItems(true);
     }, 500)
   }
 };
 export {
-  l as default
+  useSelectMixin as default
 };

package/src/utils/code-generator.js

@@ -1,6 +1,7 @@
-const o = function(e, r = "vue") {
-  const t = JSON.stringify(e);
-  return r === "html" ? `<!DOCTYPE html>
+const generateCode = function(formJson, codeType = "vue") {
+  const formJsonStr = JSON.stringify(formJson);
+  if (codeType === "html") {
+    return `<!DOCTYPE html>
 <html>
 <head>
 	<meta charset="UTF-8">
@@ -27,7 +28,7 @@ const o = function(e, r = "vue") {
 	const app = createApp({
       data() {
         return {
-          formJson: ${t},
+          formJson: ${formJsonStr},
           formData: {},
           optionData: {}
         }
@@ -49,7 +50,9 @@ const o = function(e, r = "vue") {
 	app.mount("#app");
 <\/script>
 </body>
-</html>` : `<template>
+</html>`;
+  } else {
+    return `<template>
   <div>
     <v-form-render :form-json="formJson" :form-data="formData" :option-data="optionData" ref="vFormRef">
     </v-form-render>
@@ -61,7 +64,7 @@ const o = function(e, r = "vue") {
   import { ref, reactive } from 'vue'
   import { ElMessage } from 'element-plus'
 
-  const formJson = reactive(${t})
+  const formJson = reactive(${formJsonStr})
   const formData = reactive({})
   const optionData = reactive({})
   const vFormRef = ref(null)
@@ -76,7 +79,8 @@ const o = function(e, r = "vue") {
     })
   }
 <\/script>`;
+  }
 };
 export {
-  o as generateCode
+  generateCode
 };

package/src/utils/config.js

@@ -1,5 +1,6 @@
-const n = "3.1.6", c = "https://ks3-cn-beijing.ksyun.com/vform2021/ace-mini";
+const VARIANT_FORM_VERSION = "3.1.6";
+const ACE_BASE_PATH = "https://ks3-cn-beijing.ksyun.com/vform2021/ace-mini";
 export {
-  c as ACE_BASE_PATH,
-  n as VARIANT_FORM_VERSION
+  ACE_BASE_PATH,
+  VARIANT_FORM_VERSION
 };

package/src/utils/el-icons.js

@@ -1,9 +1,24 @@
-import { Edit as n, Minus as e, Plus as t, InfoFilled as c, Search as i, CirclePlus as l, Delete as m, ArrowDown as r, ArrowUp as u, Bottom as s, Top as d, Back as f, Right as w, BottomLeft as h, TopRight as g } from "@element-plus/icons-vue";
-import D from "../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.5.13_typescript@5.7.3_/node_modules/@ant-design/icons-vue/es/icons/DownOutlined.js";
-import O from "../../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.5.13_typescript@5.7.3_/node_modules/@ant-design/icons-vue/es/icons/UserOutlined.js";
-function k(o) {
-  o.component("DownOutlined", D), o.component("UserOutlined", O), o.component("el-icon-edit", n), o.component("el-icon-minus", e), o.component("el-icon-plus", t), o.component("el-icon-info", c), o.component("el-icon-search", i), o.component("el-icon-circle-plus-outline", l), o.component("el-icon-delete", m), o.component("el-icon-arrow-down", r), o.component("el-icon-arrow-up", u), o.component("el-icon-bottom", s), o.component("el-icon-top", d), o.component("el-icon-back", f), o.component("el-icon-right", w), o.component("el-icon-bottom-left", h), o.component("el-icon-top-right", g);
+import { Edit, Minus, Plus, InfoFilled, Search, CirclePlus, Delete, ArrowDown, ArrowUp, Bottom, Top, Back, Right, BottomLeft, TopRight } from "@element-plus/icons-vue";
+import { DownOutlined, UserOutlined } from "@ant-design/icons-vue";
+function registerIcon(app) {
+  app.component("DownOutlined", DownOutlined);
+  app.component("UserOutlined", UserOutlined);
+  app.component("el-icon-edit", Edit);
+  app.component("el-icon-minus", Minus);
+  app.component("el-icon-plus", Plus);
+  app.component("el-icon-info", InfoFilled);
+  app.component("el-icon-search", Search);
+  app.component("el-icon-circle-plus-outline", CirclePlus);
+  app.component("el-icon-delete", Delete);
+  app.component("el-icon-arrow-down", ArrowDown);
+  app.component("el-icon-arrow-up", ArrowUp);
+  app.component("el-icon-bottom", Bottom);
+  app.component("el-icon-top", Top);
+  app.component("el-icon-back", Back);
+  app.component("el-icon-right", Right);
+  app.component("el-icon-bottom-left", BottomLeft);
+  app.component("el-icon-top-right", TopRight);
 }
 export {
-  k as registerIcon
+  registerIcon
 };

package/src/utils/emitter.js

@@ -1,52 +1,75 @@
-const h = {
+const emitter = {
   data() {
     return {
       vfEvents: {}
     };
   },
   methods: {
-    emit$(i, s) {
-      this.vfEvents[i] && this.vfEvents[i].forEach((f) => {
-        f(s);
-      });
+    emit$(eventName, data) {
+      if (this.vfEvents[eventName]) {
+        this.vfEvents[eventName].forEach((fn) => {
+          fn(data);
+        });
+      }
     },
-    on$(i, s) {
-      this.vfEvents[i] = this.vfEvents[i] || [], this.vfEvents[i].push(s);
+    on$(eventName, fn) {
+      this.vfEvents[eventName] = this.vfEvents[eventName] || [];
+      this.vfEvents[eventName].push(fn);
     },
-    off$(i, s) {
-      if (this.vfEvents[i]) {
-        if (s == null) {
-          this.vfEvents[i].length = 0;
+    off$(eventName, fn) {
+      if (this.vfEvents[eventName]) {
+        if (fn === void 0 || fn === null) {
+          this.vfEvents[eventName].length = 0;
           return;
         }
-        for (let f = 0; f < this.vfEvents[i].length; f++)
-          if (this.vfEvents[i][f] === s) {
-            this.vfEvents[i].splice(f, 1);
+        for (let i = 0; i < this.vfEvents[eventName].length; i++) {
+          if (this.vfEvents[eventName][i] === fn) {
+            this.vfEvents[eventName].splice(i, 1);
             break;
           }
+        }
       }
     },
-    dispatch: function(s, f, e) {
-      let t = this.$parent || this.$root, o = t.$options.componentName;
-      for (; t && (!o || o !== s); )
-        t = t.$parent, t && (o = t.$options.componentName);
-      t && t.emit$ && (t.emit$.call(t, f, e), s === "VFormRender" && t.$emit(f, ...e));
-    },
-    broadcast: function(s, f, e) {
-      this.widgetRefList && Object.keys(this.widgetRefList).forEach((t) => {
-        if (this.widgetRefList[t].$options.componentName === s) {
-          const n = this.widgetRefList[t];
-          n.emit$.call(n, f, e);
+    dispatch: function dispatch(componentName, eventName, params) {
+      let parent = this.$parent || this.$root;
+      let name = parent.$options.componentName;
+      while (parent && (!name || name !== componentName)) {
+        parent = parent.$parent;
+        if (parent) {
+          name = parent.$options.componentName;
         }
-      }), this.refList && Object.keys(this.refList).forEach((t) => {
-        if (this.refList[t].$options.componentName === s) {
-          const n = this.refList[t];
-          n.emit$.call(n, f, e);
+      }
+      if (parent) {
+        if (!!parent.emit$) {
+          parent.emit$.call(parent, eventName, params);
+          if (componentName === "VFormRender") {
+            parent.$emit(eventName, ...params);
+          }
         }
-      });
+      }
+    },
+    broadcast: function broadcast(componentName, eventName, params) {
+      if (!!this.widgetRefList) {
+        Object.keys(this.widgetRefList).forEach((refName) => {
+          const cmpName = this.widgetRefList[refName].$options.componentName;
+          if (cmpName === componentName) {
+            const foundRef = this.widgetRefList[refName];
+            foundRef.emit$.call(foundRef, eventName, params);
+          }
+        });
+      }
+      if (!!this.refList) {
+        Object.keys(this.refList).forEach((refName) => {
+          const cmpName = this.refList[refName].$options.componentName;
+          if (cmpName === componentName) {
+            const foundRef = this.refList[refName];
+            foundRef.emit$.call(foundRef, eventName, params);
+          }
+        });
+      }
     }
   }
 };
 export {
-  h as default
+  emitter as default
 };

package/src/utils/event-bus.js

@@ -1,8 +1,9 @@
-import e from "mitt";
-const t = e(), o = {};
-o.$on = t.on;
-o.$off = t.off;
-o.$emit = t.emit;
+import mitt from "mitt";
+const instance = mitt();
+const eventBus = {};
+eventBus.$on = instance.on;
+eventBus.$off = instance.off;
+eventBus.$emit = instance.emit;
 export {
-  o as default
+  eventBus as default
 };