super-page-runtime 2.0.10 → 2.0.15

package/dist/es/components/runtime/utils/events/standard-event.d.ts

@@ -48,6 +48,7 @@ export declare function getSaveFormRequest(pageContext: any, configureObj: any,
  * @param isListButton
  */
 export declare function dealAfterOperate(pageContext: any, configureObj: any, data: any, successTip: any, isListButton?: boolean): void;
+export declare function updateValuesWhenCloseDialog(parentPageContext: any, parentConfigureObj: any, sourceModel: any, sourceTableName: any): void;
 export declare function doImportFinally(params: any, fileObj: any): void;
 export declare function judgeDataNumber(buttonConfigureObj: any, ids: any): boolean;
 export declare function dealCompleteTaskParam(commonEntity: any, isInit: any, pageContext: any, params?: any, operationResult?: any): boolean;

package/dist/es/components/runtime/utils/events/standard-event.js

@@ -2,13 +2,15 @@ import { getBaseUrl, getRealRestApiPath, isArrayFn, upperFirstCase, packageTempl
 import http from "agilebuilder-ui/src/utils/request";
 import { getI18n } from "agilebuilder-ui/src/utils/util";
 import { ElMessage, ElMessageBox } from "element-plus";
-import { useRoute } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import { setSessionCache, getToken } from "agilebuilder-ui/src/utils/auth";
 import { getComponentRef } from "../global-refs.js";
 import eventBus from "../eventBus.js";
 import axios from "axios";
-import { doAfterClickEvent } from "./event-util.js";
+import { doAfterClickEvent, handleEventByEventName } from "./event-util.js";
 import { setStoreInfo } from "../store-util.js";
+import { refreshPage } from "../api/api-util.js";
+import { updateWithPageValue } from "agilebuilder-ui/src/utils/jump-page-utils";
 const standardEvents = {
   // 表单标准事件保存save
   save: function(params) {
@@ -67,6 +69,10 @@ const standardEvents = {
   // TODO: 待页面跳转功能完善后再实现
   back: function(params) {
     console.log("表单标准事件返回back--params=", params);
+    const pageContext = params.pageContext;
+    const dataModel = pageContext.entity ? pageContext.entity.data : {};
+    const isNeedValueMapping = params.configureObj.props && params.configureObj.props.base ? params.configureObj.props.base.isNeedValueMapping : false;
+    closeDialog(pageContext, dataModel, isNeedValueMapping);
   },
   // 列表标准事件删除delete
   delete: function(params) {
@@ -472,7 +478,6 @@ function afterSuccessOperateInForm(pageContext, configureObj, dataModel) {
     dataModel,
     isNeedValueMapping
   );
-  pageContext.workflowCode ? true : false;
   if (!successOperation || successOperation === "" || successOperation === null) {
     successOperation = "refresh";
   }
@@ -487,14 +492,55 @@ function afterSuccessOperateInForm(pageContext, configureObj, dataModel) {
       if (route.query._t_) {
         setSessionCache(route.query._t_ + "_id", dataIdSessio);
       }
+      refreshPage(pageContext);
     }
   } else if (successOperation === "closeWindow" || successOperation === "closeWindowAndRefresh") {
+    closeDialog(pageContext, dataModel, isNeedValueMapping);
     console.log("afterSuccessOperateInForm--successOperation=--", successOperation);
   }
 }
+function closeDialog(pageContext, dataModel, isNeedValueMapping) {
+  const jumpMode = pageContext.entity && pageContext.entity.request ? pageContext.entity.request.jumpMode : null;
+  if (jumpMode && jumpMode === "popup") {
+    const sourceTableName = pageContext.tableName;
+    const isNeedValueMappingFinal = isNeedValueMapping !== void 0 && isNeedValueMapping === true && dataModel && dataModel !== void 0;
+    const parentPageCode = pageContext.entity && pageContext.entity.request ? pageContext.entity.request.parentPageCode : null;
+    const eventPageInfo = parentPageCode + "_";
+    eventBus.$emit(eventPageInfo + "close-dialog", { isNeedValueMapping: isNeedValueMappingFinal, dataModel, sourceTableName });
+  } else if (jumpMode === "openWindow" || jumpMode === "newTab") {
+    if (window.parent) {
+      window.parent.close();
+    } else {
+      window.close();
+    }
+  } else {
+    const router = useRouter();
+    router.go(-1);
+  }
+}
+function updateValuesWhenCloseDialog(parentPageContext, parentConfigureObj, sourceModel, sourceTableName) {
+  const jumpPageSetting = parentConfigureObj.runtimeTemp && parentConfigureObj.runtimeTemp.jumpPageSetting ? parentConfigureObj.runtimeTemp.jumpPageSetting : null;
+  const targetTableName = parentPageContext.tableName;
+  console.log("update-value66-", sourceModel, sourceTableName);
+  updateWithPageValue(
+    sourceModel,
+    sourceTableName,
+    jumpPageSetting,
+    parentPageContext.entity.data,
+    targetTableName
+  );
+  const updateValueEventName = jumpPageSetting && jumpPageSetting.updateValueEvent ? jumpPageSetting.updateValueEvent : null;
+  handleEventByEventName(parentPageContext, parentConfigureObj, updateValueEventName, {
+    sourceModel,
+    sourceTableName,
+    jumpPageSetting,
+    entity: parentPageContext.entity.data,
+    targetTableName
+  });
+}
 function dealAfterWithList(pageContext, configureObj, row, successTip) {
   let successOperation = configureObj.props.base.successOperation;
-  configureObj.props.base.isNeedValueMapping;
+  const isNeedValueMapping = configureObj.props.base.isNeedValueMapping;
   const tableUuid = configureObj.props.base.tableUuid;
   if (!successOperation) {
     successOperation = "refresh";
@@ -507,6 +553,8 @@ function dealAfterWithList(pageContext, configureObj, row, successTip) {
     } else {
       console.error("tableUuid is empty");
     }
+  } else if (successOperation === "closeWindow" || successOperation === "closeWindowAndRefresh") {
+    closeDialog(pageContext, row, isNeedValueMapping);
   }
   if (successTip) {
     ElMessage({
@@ -1620,5 +1668,6 @@ export {
   getTaskInformitions,
   isVisibleWorkflowButton,
   judgeDataNumber,
-  standardEvents
+  standardEvents,
+  updateValuesWhenCloseDialog
 };

package/dist/es/components/runtime/utils/events/validator-util.d.ts

@@ -1,4 +1,12 @@
 export declare function setObjectPropRule(prop: any, rules: any, leafRule: any): {};
 export declare function validator(entity: any, rules: any, columns: any, rowIndex: any, isSql: any): any;
 export declare function validateDataModelFunc(pageContext: any, configureObj: any, isEnableRequired: any): Promise<unknown>;
+/**
+ * 封装自定义校验规则
+ * @param orgCustomRules 自定义规则
+ * @param orgRules 原来的表单规则
+ * @returns 添加了自定义规则后的规则
+ */
+export declare function packageCustomRules(orgCustomRules: any, orgRules: any): any;
 export declare function i18nValidateRulesMessage(rules: any): {};
+export declare function getWorkflowRules(pageContext: any): any;

package/dist/es/components/runtime/utils/events/validator-util.js

@@ -171,7 +171,7 @@ function validateDataModelFunc(pageContext, configureObj, isEnableRequired) {
   if (isEnableRequired === void 0 || isEnableRequired === null) {
     isEnableRequired = configureObj.props.verification.required;
     if (typeof isEnableRequired === "undefined") {
-      isEnableRequired = true;
+      isEnableRequired = false;
     }
   }
   return validateDataModel(isEnableRequired, data, rules, pageContext);
@@ -179,11 +179,10 @@ function validateDataModelFunc(pageContext, configureObj, isEnableRequired) {
 function validateDataModel(isEnableRequired, dataModel, rules, pageContext) {
   if (isEnableRequired) {
     const isWorkflow = pageContext.workflowCode ? true : false;
-    const customRules = pageContext.customRules;
     if (isWorkflow) {
-      return validateWorkflowFormDataModel(dataModel, pageContext, customRules);
+      return validateWorkflowFormDataModel(dataModel, pageContext);
     } else {
-      return validateCommonFormDataModel(dataModel, pageContext, rules, customRules);
+      return validateCommonFormDataModel(dataModel, pageContext, rules);
     }
   } else {
     return new Promise((resolve, reject) => {
@@ -191,78 +190,80 @@ function validateDataModel(isEnableRequired, dataModel, rules, pageContext) {
     });
   }
 }
-function validateWorkflowFormDataModel(dataModel, pageContext, customRules) {
+function validateWorkflowFormDataModel(dataModel, pageContext) {
   return new Promise((resolve, reject) => {
     const additionalParamMap = pageContext.entity.request;
     const contextParameter = pageContext.entity.context;
     const taskParamMap = pageContext.entity.task;
     const isSql = true;
     const subTablePageInfo = pageContext.subTablePageInfo;
-    let workflowFieldPermissionRules = window["$vueApp"].config.globalProperties.$getValidator(
-      pageContext.completeTaskParam.fieldPermissions,
-      dataModel,
-      isSql,
-      additionalParamMap,
-      taskParamMap,
-      contextParameter
-    );
-    workflowFieldPermissionRules = packageCustomRules(customRules, workflowFieldPermissionRules);
     let result = false;
-    if (!workflowFieldPermissionRules) {
+    const handleModels = JSON.parse(JSON.stringify(dataModel));
+    let rules = pageContext.rules;
+    if (!rules) {
       result = true;
     } else {
-      result = window["$vueApp"].config.globalProperties.$formValidator(
-        dataModel,
-        workflowFieldPermissionRules,
-        isSql,
-        additionalParamMap,
-        taskParamMap,
-        contextParameter,
-        subTablePageInfo
-      );
+      result = validator(handleModels, rules, null, null, true);
     }
-    if (result !== true) {
-      ElMessage({
-        showClose: true,
-        message: result + "",
-        type: "warning"
-      });
-      resolve(false);
-    } else {
-      const validatorResult = [];
-      const customUuids = pageContext.customValidatorUuids;
-      if (customUuids) {
-        customUuids.forEach((componentUuid) => {
-          const customRef = getComponentRef(pageContext, componentUuid);
-          if (customRef) {
-            validatorResult.push(customRef.validator());
-          }
-        });
+    if (result === true) {
+      let workflowFieldPermissionRules = pageContext.workflowRules;
+      if (!workflowFieldPermissionRules) {
+        result = true;
+      } else {
+        result = window["$vueApp"].config.globalProperties.$formValidator(
+          dataModel,
+          workflowFieldPermissionRules,
+          isSql,
+          additionalParamMap,
+          taskParamMap,
+          contextParameter,
+          subTablePageInfo
+        );
       }
-      if (validatorResult && validatorResult.length > 0) {
-        Promise.all(validatorResult).then((values) => {
-          if (values.includes(false)) {
-            resolve(false);
-          } else {
-            if (Object.keys(dataModel).indexOf("validateErrorField") >= 0) {
-              delete dataModel.validateErrorField;
-            }
-            resolve(dataModel);
-          }
+      if (result !== true) {
+        ElMessage({
+          showClose: true,
+          message: result + "",
+          type: "warning"
         });
+        resolve(false);
       } else {
-        if (Object.keys(dataModel).indexOf("validateErrorField") >= 0) {
-          delete dataModel.validateErrorField;
+        const validatorResult = [];
+        const customUuids = pageContext.customValidatorUuids;
+        if (customUuids) {
+          customUuids.forEach((componentUuid) => {
+            const customRef = getComponentRef(pageContext, componentUuid);
+            if (customRef) {
+              validatorResult.push(customRef.validator());
+            }
+          });
+        }
+        if (validatorResult && validatorResult.length > 0) {
+          Promise.all(validatorResult).then((values) => {
+            if (values.includes(false)) {
+              resolve(false);
+            } else {
+              if (Object.keys(dataModel).indexOf("validateErrorField") >= 0) {
+                delete dataModel.validateErrorField;
+              }
+              resolve(dataModel);
+            }
+          });
+        } else {
+          if (Object.keys(dataModel).indexOf("validateErrorField") >= 0) {
+            delete dataModel.validateErrorField;
+          }
+          resolve(dataModel);
         }
-        resolve(dataModel);
       }
+    } else {
+      reject(new Error(getI18n().t("superPageRuntimeMessage.formDataVerificationFailed")).message);
     }
   });
 }
-function validateCommonFormDataModel(dataModel, pageContext, rules, customRules) {
+function validateCommonFormDataModel(dataModel, pageContext, rules) {
   return new Promise((resolve, reject) => {
     const handleModels = JSON.parse(JSON.stringify(dataModel));
-    rules = packageCustomRules(customRules, rules);
     if (!rules) {
       resolve(handleModels);
     } else {
@@ -288,9 +289,12 @@ function validateCommonFormDataModel(dataModel, pageContext, rules, customRules)
   });
 }
 function packageCustomRules(orgCustomRules, orgRules) {
-  if (!orgCustomRules || !orgRules) {
+  if (!orgCustomRules) {
     return;
   }
+  if (!orgRules) {
+    orgRules = {};
+  }
   const customRulesKeys = Object.keys(orgCustomRules);
   const customRules = orgCustomRules;
   customRulesKeys.forEach((key) => {
@@ -381,8 +385,30 @@ function i18nValidateRulesMessage(rules) {
   }
   return newRules;
 }
+function getWorkflowRules(pageContext) {
+  const dataModel = pageContext.entity.data;
+  const pageModel = pageContext.entity.page;
+  const data = { ...pageModel, ...dataModel };
+  const additionalParamMap = pageContext.entity.request;
+  const contextParameter = pageContext.entity.context;
+  const taskParamMap = pageContext.entity.task;
+  const isSql = true;
+  let workflowFieldPermissionRules = window["$vueApp"].config.globalProperties.$getValidator(
+    pageContext.completeTaskParam.fieldPermissions,
+    data,
+    isSql,
+    additionalParamMap,
+    taskParamMap,
+    contextParameter
+  );
+  const customRules = pageContext.customRules;
+  workflowFieldPermissionRules = packageCustomRules(customRules, workflowFieldPermissionRules);
+  return workflowFieldPermissionRules;
+}
 export {
+  getWorkflowRules,
   i18nValidateRulesMessage,
+  packageCustomRules,
   setObjectPropRule,
   validateDataModelFunc,
   validator

package/dist/es/components/runtime/utils/interfaces/page-design-types.d.ts

@@ -67,7 +67,6 @@ export interface PageDesign extends Component {
     name: string;
     notIdInitializationList?: Array<any>;
     subTablePageInfo?: object;
-    customValidatorUuids?: Array<string>;
     customEvents?: Array<any>;
 }
 /**

package/dist/es/components/runtime/utils/page-helper-util.d.ts

@@ -64,6 +64,13 @@ export declare function autoSetAfterSelect(component: Component, pageContext: Pa
  * @returns
  */
 export declare function getVariableValue(entity: any, fields: string[]): any;
+/**
+ * 设置参数值
+ * @param entity
+ * @param fields
+ * @param newValue 新的值
+ */
+export declare function setValueForVariableName(entity: any, variableName: string, newValue: any): void;
 /**
  * 设置参数值
  * @param entity
@@ -71,6 +78,13 @@ export declare function getVariableValue(entity: any, fields: string[]): any;
  * @param newValue 新的值
  */
 export declare function setVariableValue(entity: any, fields: string[], newValue: any): void;
+/**
+ * 设置参数值
+ * @param entity
+ * @param fields
+ * @param newValue 新的值
+ */
+export declare function setVariableValueWithProp(entity: any, prop: string, newValue: any): void;
 /**
  * 格式化变量值
  * @param pageContext
@@ -104,3 +118,11 @@ export declare function openLink(component: Component, pageContext: PageContext)
  * @param showConditions 显示条件
  */
 export declare function caculateShowCondition(pageContext: PageContext, configure: Component, showConditions: Array<any>): any;
+/**
+ * 监控变化的字段
+ * @param pageContext
+ * @param targetFields
+ * @param triggerFunc
+ */
+export declare function monitorFieldChange(pageContext: PageContext, monitorFields: Array<string>, triggerFunc: Function): void;
+export declare function getFormPropName(prop: any): any;

package/dist/es/components/runtime/utils/page-helper-util.js

@@ -2,6 +2,7 @@ import http from "agilebuilder-ui/src/utils/request";
 import dayjs from "dayjs";
 import { executeExpression } from "agilebuilder-ui/src/utils/calculator/calculator-util";
 import { getComponentRef } from "./global-refs.js";
+import { watch } from "vue";
 function getComponentOptionConfigs(component, pageContext2) {
   if (!component.props || !component.props.dataOrigin) {
     return;
@@ -321,6 +322,14 @@ function getVariableValue(entity, fields) {
   }
   return tempObj;
 }
+function setValueForVariableName(entity, variableName, newValue) {
+  if (!variableName || !variableName.startsWith("${")) {
+    return;
+  }
+  variableName = variableName.substring(2, variableName.length - 1);
+  const fields = variableName.split(".");
+  setVariableValue(entity, fields, newValue);
+}
 function setVariableValue(entity, fields, newValue) {
   if (!entity || !fields || fields.length == 0) {
     return;
@@ -467,7 +476,11 @@ function getValueFromSource(valueSource, paramName, paramType) {
   if (firstIndex > -1) {
     const tempParamName = paramName.substring(0, firstIndex);
     const newParamName = paramName.substring(firstIndex + 1);
-    return getValueFromSource(valueSource[tempParamName], newParamName, paramType);
+    let childValue = valueSource[tempParamName];
+    if (childValue && Array.isArray(childValue) && childValue.length > 0) {
+      childValue = childValue[0];
+    }
+    return getValueFromSource(childValue, newParamName, paramType);
   } else {
     if (paramType == "context") {
       if (paramName == "currentDate" || paramName == "currentTime") {
@@ -477,54 +490,6 @@ function getValueFromSource(valueSource, paramName, paramType) {
     return valueSource[paramName];
   }
 }
-function openLink(component, pageContext2) {
-  const linkPage = component && component.props && component.props.linkPage ? component.props.linkPage : {};
-  if (!linkPage.linkType) {
-    alert("未指定打开方式!");
-    return;
-  }
-  let linkUrl = "";
-  if (linkPage.linkType == "url") {
-    linkUrl = linkPage.jumpPageUrl;
-    if (!linkUrl) {
-      alert("未设置链接地址!");
-      return;
-    }
-  } else {
-    if (!linkPage.jumpPageCode) {
-      alert("未选择页面!");
-      return;
-    }
-    linkUrl = "page:" + linkPage.jumpPageCode;
-  }
-  let appendParams = "";
-  if (linkPage.isNeedId) {
-    const entity = pageContext2.entity ? pageContext2.entity : {};
-    const data = entity.data ? entity.data : {};
-    appendParams = "id=" + (data.id ? data.id : "");
-  }
-  if (linkPage.appendParams) {
-    for (const p of linkPage.appendParams) {
-      if (!p.name) {
-        continue;
-      }
-      if (appendParams.length > 0) {
-        appendParams += "&";
-      }
-      appendParams += p.name + "=";
-      appendParams += formatVariableValue(pageContext2, p.value);
-    }
-  }
-  if (appendParams) {
-    if (linkUrl.indexOf("?") == -1) {
-      linkUrl += "?";
-    } else {
-      linkUrl += "&";
-    }
-    linkUrl += appendParams;
-  }
-  alert("链接到：" + linkUrl);
-}
 function caculateShowCondition(pageContext, configure, showConditions) {
   if (!showConditions || showConditions.length == 0 || !pageContext || !pageContext.entity) {
     return true;
@@ -603,6 +568,49 @@ function caculateShowCondition(pageContext, configure, showConditions) {
     return true;
   }
 }
+function monitorFieldChange(pageContext2, monitorFields, triggerFunc) {
+  if (!triggerFunc || !pageContext2 || !monitorFields || monitorFields.length == 0) {
+    return;
+  }
+  const monitorFieldInfos = [];
+  const preFields = [];
+  for (let propName of monitorFields) {
+    if (propName.startsWith("${")) {
+      propName = propName.substring(2, propName.length - 1);
+      const fields = propName.split(".");
+      if (fields[0] === "page" || fields[0] === "task" || fields[0] === "data") {
+        monitorFieldInfos.push(fields);
+        if (!preFields.includes(fields[0])) {
+          preFields.push(fields[0]);
+        }
+      }
+    }
+  }
+  const entity = pageContext2.entity;
+  let firstValue = getMonitorFieldValues(monitorFieldInfos, entity);
+  let monitorTimeout = false;
+  for (let preField of preFields) {
+    watch(entity[preField], () => {
+      if (monitorTimeout) {
+        clearTimeout(monitorTimeout);
+      }
+      monitorTimeout = setTimeout(function() {
+        const newValue = getMonitorFieldValues(monitorFieldInfos, entity);
+        if (firstValue != newValue) {
+          firstValue = newValue;
+          triggerFunc();
+        }
+      }, 200);
+    });
+  }
+}
+function getMonitorFieldValues(monitorFieldInfos, entity) {
+  let values = "";
+  for (let fieldInfo of monitorFieldInfos) {
+    values += "_" + getVariableValue(entity, fieldInfo);
+  }
+  return values;
+}
 export {
   autoSetAfterSelect,
   caculateShowCondition,
@@ -613,9 +621,10 @@ export {
   getOptionDatasFromPage,
   getValueFromSource,
   getVariableValue,
-  openLink,
+  monitorFieldChange,
   queryOptionDatasources,
   queryOptions,
+  setValueForVariableName,
   setVariableValue,
   updateChartDatasources,
   updateOptionDatasources

package/dist/es/components/runtime/utils/page-init-util.d.ts

@@ -36,3 +36,4 @@ export declare function getPermissionCodes(configure: Component, pageContext: Pa
  * @returns
  */
 export declare function queryPageSuperGrids(pageDesign: any, pageContext: any, publishVersion: any): Promise<any>;
+export declare function packageFormRules(pageContext: PageContext, configure: any): void;

package/dist/es/components/runtime/utils/page-init-util.js

@@ -16,8 +16,7 @@ function convertToPageContext(pageDesign, pageRequest) {
     code: pageDesign.code,
     version: pageDesign.version,
     dimensions: pageDesign.dimensions,
-    rules: pageDesign.rules,
-    // 表单验证规则
+    // rules: pageDesign.rules, // 表单验证规则。在runtime object-render中实时获得
     tableUuids: pageDesign.tableUuids,
     // 表格uuid集合
     tableNames: pageDesign.tableNames,
@@ -38,8 +37,6 @@ function convertToPageContext(pageDesign, pageRequest) {
     // 无ID或taskId时初始条件配置
     subTablePageInfo: pageDesign.subTablePageInfo,
     // 列表分页信息，格式是：{列表编码: 每页显示多少条记录}，表单页面中校验有分页的子表时提示使用，提示信息格式：第 {pageNum} 页第 {row} 行记录
-    customValidatorUuids: pageDesign.customEvents,
-    // 自定义组件启用了“自定义校验”开关的uuid集合
     entity: {
       data: {},
       task: {},
@@ -69,6 +66,7 @@ function convertToPageContext(pageDesign, pageRequest) {
   }
   Object.assign(pageContext, pageDesign);
   pageContext.dimensions = getPageDimensions();
+  pageContext.events = pageDesign.runtime && pageDesign.runtime.events ? pageDesign.runtime.events : [];
   return pageContext;
 }
 function getPageDimensions() {
@@ -191,10 +189,37 @@ function queryPageSuperGrids(pageDesign, pageContext, publishVersion) {
     publishVersion
   });
 }
+function packageFormRules(pageContext, configure) {
+  const isWorkflow = pageContext.workflowCode ? true : false;
+  if (isWorkflow) {
+    const requiredRules = configure.props && configure.props.rules ? configure.props.rules.filter((item) => item.required) : null;
+    if (requiredRules && requiredRules.length > 0) {
+      requiredRules.forEach((item) => {
+        item.required = false;
+      });
+    }
+  }
+  const prop = configure.props && configure.props.base ? configure.props.base.prop : null;
+  if (prop) {
+    const propName = getFormPropName(prop);
+    if (!pageContext.rules[propName]) {
+      pageContext.rules[propName] = [];
+    }
+    pageContext.rules[propName] = configure.props.rules;
+  }
+}
+function getFormPropName(prop) {
+  if (prop && prop.indexOf("${") >= 0) {
+    return prop.substring(prop.indexOf(".") + 1, prop.lastIndexOf("}"));
+  } else {
+    return prop;
+  }
+}
 export {
   convertToPageContext,
   getFormModelFields,
   getPermissionCodes,
+  packageFormRules,
   queryPageDesignByCode,
   queryPageSuperGrids
 };

package/dist/es/components/runtime/views/assemblys/button/dropdown/dropdown-runtime.vue2.js

@@ -1,6 +1,7 @@
 import { defineComponent, computed, ref, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
 import { ArrowDown } from "@element-plus/icons-vue";
 import { formatVariableValue } from "../../../../utils/page-helper-util.js";
+import { handleEvent } from "../../../../utils/events/event-util.js";
 const _hoisted_1 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-runtime",
@@ -65,12 +66,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(_component_el_dropdown_menu, null, {
             default: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(listOptions), (item, index) => {
-                return openBlock(), createBlock(_component_el_dropdown_item, { key: item }, {
+                return openBlock(), createBlock(_component_el_dropdown_item, {
+                  key: item,
+                  onClick: ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "menuClick", { menuItem: item })
+                }, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(item.label), 1)
                   ]),
                   _: 2
-                }, 1024);
+                }, 1032, ["onClick"]);
               }), 128))
             ]),
             _: 1
@@ -81,7 +85,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             !unref(designProperty).splitButton ? (openBlock(), createBlock(_component_el_button, {
               key: 0,
               size: unref(designProperty).size,
-              type: unref(designProperty).buttonType
+              type: unref(designProperty).buttonType,
+              onClick: _cache[0] || (_cache[0] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "menuClick"))
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(unref(designProperty).title), 1)