super-page-runtime 2.1.40 → 2.1.42

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

@@ -1,9 +1,9 @@
 import { setValueForVariableName } from "../page-helper-util.js";
-import { getComponentRefByCode, getAllComponentRefs } from "../global-refs.js";
+import { getComponentRefByCode } from "../global-refs.js";
 import eventBus from "../eventBus.js";
 import http from "agilebuilder-ui/src/utils/request";
 import { getAdditionalParamMap } from "../events/standard-event.js";
-import { i18nValidatePropRulesMessage } from "../events/validator-util.js";
+import { updateFormItemEditState, dsiabledAllFields } from "../events/validator-util.js";
 import { getBaseUrl } from "../common-util.js";
 import { isMobileBrowser } from "agilebuilder-ui/src/utils/common-util";
 const functions = {
@@ -168,29 +168,27 @@ const functions = {
      }
    ]
   */
-  dynamicControlFormEdit: function(pageContext, settings, isInit) {
+  dynamicControlFormEdit: function(pageContext, rules, isInit) {
     if (isInit) {
-      packageInitInfo(pageContext, "dynamicControlFormEdit", settings);
+      packageInitInfo(pageContext, "dynamicControlFormEdit", rules);
     } else {
-      if (!pageContext.customRules) {
-        pageContext.customRules = {};
-      }
-      for (let i = 0; i < settings.length; i++) {
-        const item = settings[i];
-        if (!item.name) {
-          continue;
-        }
-        const allFields = "_all_fields";
-        if (item.name === allFields) {
-          packageAllFeildsRules(pageContext, item);
-          break;
-        } else {
-          const ref = getComponentRefByCode(pageContext, item.name);
-          packageOneFeildRules(pageContext, item, item.name, ref);
-        }
-      }
+      updateFormItemEditState(pageContext, rules);
     }
   },
+  /**
+   * 禁用所有字段
+   * @param pageContext 页面上下文
+   */
+  dsiabledAllFields(pageContext) {
+    dsiabledAllFields(pageContext);
+  },
+  /**
+   * 控制表格编辑权限
+   * @param pageContext 页面上下文
+   * @param rules
+   */
+  dynamicControlTableEdit(pageContext, rules) {
+  },
   /**
    * 调用服务流,
    * @param pageContext
@@ -227,8 +225,9 @@ const functions = {
   openPage: function(pageContext, openParam) {
     eventBus.$emit(pageContext.code + "_open-dialog", {
       pageContext,
-      eventParams: {},
-      configureObj: { props: { linkPage: openParam } }
+      eventParams: openParam.eventParams,
+      configureObj: { props: { linkPage: openParam } },
+      jumpPageSetting: openParam.jumpPageSetting
     });
   },
   /**
@@ -309,43 +308,12 @@ const functions = {
   // 是否是移动端
   isMobile() {
     return isMobileBrowser();
+  },
+  // 根据编码获取组件引用对象
+  getComponentRefByCode(pageContext, code) {
+    return getComponentRefByCode(pageContext, code);
   }
 };
-function packageAllFeildsRules(pageContext, item) {
-  const allComponetRefs = getAllComponentRefs(pageContext);
-  if (allComponetRefs) {
-    const props = Object.keys(allComponetRefs);
-    props.forEach((propName) => {
-      const componentRef = allComponetRefs[propName];
-      packageOneFeildRules(pageContext, item, propName, componentRef);
-    });
-  }
-}
-function packageOneFeildRules(pageContext, item, propName, ref) {
-  if (propName) {
-    if (item.rules) {
-      i18nValidatePropRulesMessage(item.rules, false);
-      pageContext.customRules[propName] = item.rules;
-    } else {
-      pageContext.customRules[propName] = [];
-    }
-  }
-  if (ref) {
-    const configure = ref.getConfigure();
-    if (item.show !== void 0) {
-      item.show ? ref.show() : ref.hide();
-    }
-    if (item.required !== void 0) {
-      configure.runtime.props.required = item.required;
-    }
-    if (item.readonly !== void 0) {
-      item.readonly ? configure.runtime.props.state = "readonly" : configure.runtime.props.state = "enabled";
-    }
-    if (item.disabled !== void 0) {
-      item.disabled ? configure.runtime.props.state = "disabled" : configure.runtime.props.state = "enabled";
-    }
-  }
-}
 function packageInitInfo(pageContext, type, settings) {
   if (!pageContext.initInfo) {
     pageContext.initInfo = {};

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

@@ -1,3 +1,5 @@
+import { PageContext } from '../interfaces/page-design-types';
+
 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>;
@@ -11,3 +13,7 @@ export declare function packageCustomRules(orgCustomRules: any, orgRules: any):
 export declare function i18nValidateRulesMessage(rules: any): {};
 export declare function i18nValidatePropRulesMessage(propRules: any, isResetMessage: boolean): void;
 export declare function getWorkflowRules(pageContext: any): any;
+export declare function updateFormItemEditState(pageContext: PageContext, customRules: any[]): void;
+export declare function dsiabledAllFields(pageContext: PageContext): void;
+export declare function dynamicControlTableEdit(pageContext: PageContext, customRules: any[]): void;
+export declare function updateComponentDisplayState(ref: any, item: any): void;

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

@@ -1,6 +1,6 @@
 import Validator from "async-validator";
 import { ElMessage } from "element-plus";
-import { getComponentRef } from "../global-refs.js";
+import { getComponentRef, getComponentRefByCode, getAllComponentRefs } from "../global-refs.js";
 import { getI18n } from "agilebuilder-ui/src/utils/util";
 import { getAdditionalParamMap } from "./standard-event.js";
 import { isPromise } from "agilebuilder-ui/src/utils/common-util";
@@ -183,7 +183,7 @@ function validateDataModel(isEnableRequired, dataModel, rules, pageContext) {
   if (isEnableRequired) {
     const isWorkflow = pageContext.workflowCode ? true : false;
     if (isWorkflow) {
-      return validateWorkflowFormDataModel(dataModel, pageContext);
+      return validateWorkflowFormDataModel(dataModel, pageContext, rules);
     } else {
       return validateCommonFormDataModel(dataModel, pageContext, rules);
     }
@@ -193,101 +193,103 @@ function validateDataModel(isEnableRequired, dataModel, rules, pageContext) {
     });
   }
 }
-function validateWorkflowFormDataModel(dataModel, pageContext) {
+function validateWorkflowFormDataModel(dataModel, pageContext, rules) {
   return new Promise((resolve, reject) => {
     const additionalParamMap = getAdditionalParamMap(pageContext);
     const contextParameter = pageContext.entity.context;
     const taskParamMap = pageContext.entity.task;
     const isSql = true;
     const subTablePageInfo = pageContext.subTablePageInfo;
-    let result = false;
-    const handleModels = JSON.parse(JSON.stringify(dataModel));
-    const rules = pageContext.rules;
-    if (!rules || Object.keys(rules).length === 0) {
-      result = true;
-    } else {
-      result = validator(handleModels, rules, null, null, true);
-    }
-    if (result === true) {
-      const workflowFieldPermissionRules = pageContext.workflowRules;
-      if (!workflowFieldPermissionRules) {
-        result = true;
-      } else {
-        result = window["$vueApp"].config.globalProperties.$formValidator(
-          dataModel,
-          workflowFieldPermissionRules,
-          isSql,
-          additionalParamMap,
-          taskParamMap,
-          contextParameter,
-          subTablePageInfo
-        );
-      }
-      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 && customRef.validator) {
-              validatorResult.push(customRef.validator());
-            }
-          });
+    validateCommon(dataModel, pageContext, rules).then((validateResult) => {
+      if (validateResult) {
+        let result = validateResult;
+        const 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;
           }
           resolve(dataModel);
         }
+      } else {
+        reject(
+          new Error(getI18n().t("superPageRuntimeMessage.formDataVerificationFailed")).message
+        );
       }
+    }).catch((error) => {
+      reject(error);
+    });
+  });
+}
+function validateCustomRefValidator(pageContext) {
+  return new Promise((resolve, reject) => {
+    const validatorResult = [];
+    const customUuids = pageContext.customValidatorUuids;
+    if (customUuids) {
+      customUuids.forEach((componentUuid) => {
+        const customRef = getComponentRef(pageContext, componentUuid);
+        if (customRef && customRef.validator) {
+          validatorResult.push(customRef.validator());
+        }
+      });
+    }
+    if (validatorResult && validatorResult.length > 0) {
+      Promise.all(validatorResult).then((values) => {
+        if (values.includes(false)) {
+          resolve(false);
+        } else {
+          resolve(true);
+        }
+      });
     } else {
-      reject(new Error(getI18n().t("superPageRuntimeMessage.formDataVerificationFailed")).message);
+      resolve(true);
     }
   });
 }
-function validateCommonFormDataModel(dataModel, pageContext, rules) {
+function validateCommon(dataModel, pageContext, rules) {
   return new Promise((resolve, reject) => {
     const handleModels = JSON.parse(JSON.stringify(dataModel));
     if (!rules || Object.keys(rules).length === 0) {
-      resolve(handleModels);
+      resolve(true);
     } else {
       const validateEntityResult = validator(handleModels, rules, null, null, true);
       if (validateEntityResult === true) {
         const validateResult = validateSubTables(pageContext);
         if (validateResult === true) {
-          if (Object.keys(handleModels).indexOf("validateErrorField") >= 0) {
-            delete handleModels.validateErrorField;
-          }
           const customRuleResult = validateCustomRuleEvents(pageContext);
           if (customRuleResult && isPromise(customRuleResult)) {
             customRuleResult.then((result) => {
               if (result) {
-                resolve(handleModels);
+                validateCustomRefValidator(pageContext).then((customRefValidResult) => {
+                  resolve(customRefValidResult);
+                });
               } else {
                 resolve(false);
               }
             });
           } else {
-            resolve(handleModels);
+            validateCustomRefValidator(pageContext).then((customRefValidResult) => {
+              resolve(customRefValidResult);
+            });
           }
         } else {
           reject(
@@ -302,6 +304,23 @@ function validateCommonFormDataModel(dataModel, pageContext, rules) {
     }
   });
 }
+function validateCommonFormDataModel(dataModel, pageContext, rules) {
+  return new Promise((resolve, reject) => {
+    validateCommon(dataModel, pageContext, rules).then((validateResult) => {
+      if (validateResult) {
+        const handleModels = JSON.parse(JSON.stringify(dataModel));
+        if (Object.keys(handleModels).indexOf("validateErrorField") >= 0) {
+          delete handleModels.validateErrorField;
+        }
+        resolve(handleModels);
+      } else {
+        resolve(false);
+      }
+    }).catch((error) => {
+      reject(error);
+    });
+  });
+}
 function packageCustomRules(orgCustomRules, orgRules) {
   if (!orgCustomRules) {
     return orgRules;
@@ -467,12 +486,57 @@ function validateCustomRuleEvents(pageContext) {
   }
   return null;
 }
+function updateFormItemEditState(pageContext, customRules) {
+  if (!customRules) {
+    return;
+  }
+  const formatCustomRules = {};
+  customRules.forEach((rule) => {
+    const { name, rules: rules2 } = rule;
+    formatCustomRules[name] = rules2;
+  });
+  let rules = pageContext.rules ? pageContext.rules : {};
+  rules = packageCustomRules(formatCustomRules, rules);
+  pageContext.rules = rules;
+  let workflowRules = pageContext.workflowRules ? pageContext.workflowRules : {};
+  workflowRules = packageCustomRules(formatCustomRules, workflowRules);
+  pageContext.workflowRules = workflowRules;
+  customRules.forEach((item) => {
+    const ref = getComponentRefByCode(pageContext, item.name);
+    updateComponentDisplayState(ref, item);
+  });
+}
+function dsiabledAllFields(pageContext) {
+  getAllComponentRefs(pageContext).forEach((ref) => {
+    updateComponentDisplayState(ref, { disabled: true });
+  });
+}
+function updateComponentDisplayState(ref, item) {
+  if (ref) {
+    const configure = ref.getConfigure();
+    if (item.show !== void 0) {
+      item.show ? ref.show() : ref.hide();
+    }
+    if (item.required !== void 0) {
+      configure.runtime.props.required = item.required;
+    }
+    if (item.readonly !== void 0) {
+      item.readonly ? configure.runtime.props.state = "readonly" : configure.runtime.props.state = "enabled";
+    }
+    if (item.disabled !== void 0) {
+      item.disabled ? configure.runtime.props.state = "disabled" : configure.runtime.props.state = "enabled";
+    }
+  }
+}
 export {
+  dsiabledAllFields,
   getWorkflowRules,
   i18nValidatePropRulesMessage,
   i18nValidateRulesMessage,
   packageCustomRules,
   setObjectPropRule,
+  updateComponentDisplayState,
+  updateFormItemEditState,
   validateDataModelFunc,
   validator
 };

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

@@ -88,7 +88,7 @@ export interface PageContext extends Component {
     tableAlias?: string;
     workflowCode?: string;
     workflowVersion?: number;
-    rules?: object;
+    rules?: any;
     tableUuids?: Array<any>;
     listCodesMap?: object;
     formNoRuleCode?: string;

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

@@ -303,12 +303,6 @@ function packageFormRules(pageContext, configure) {
         allFieldsDisabled = true;
       }
     }
-    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;
-      });
-    }
   }
   if (prop) {
     const propName = getFormPropName(prop);

package/dist/es/components/runtime/views/assemblys/chart/table/table-runtime.vue2.js

@@ -1,6 +1,7 @@
-import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, withDirectives, createVNode, vShow, withCtx } from "vue";
+import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, withDirectives, createVNode, vShow, withCtx, Fragment, renderList, createBlock } from "vue";
 import _sfc_main$1 from "../common/common-chart-header.vue.js";
 import { getChartDatasFromPage } from "../../../../utils/page-helper-util.js";
+import { getCustomFunc } from "../../../../utils/events/event-util.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "table-runtime",
   props: {
@@ -19,37 +20,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
-    const tableData = [
-      {
-        date: "2016-05-03",
-        name: "Tom",
-        address: "No. 189, Grove St, Los Angeles"
-      },
-      {
-        date: "2016-05-02",
-        name: "Tom",
-        address: "No. 189, Grove St, Los Angeles"
-      },
-      {
-        date: "2016-05-04",
-        name: "Tom",
-        address: "No. 189, Grove St, Los Angeles"
-      },
-      {
-        date: "2016-05-01",
-        name: "Tom",
-        address: "No. 189, Grove St, Los Angeles"
-      }
-    ];
     const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    debugger;
     const runtimeStyle = runtimeInfo.style;
     const runtimeClass = runtimeInfo.class;
     const dataConfig = runtimeInfo.dataConfig;
     const headerInfo = runtimeInfo.headerInfo ? runtimeInfo.headerInfo : {};
-    props.configure.props ? props.configure.props.drillEndTrigger : null;
     const headerRef = ref(null);
-    runtimeInfo.chartOption;
-    debugger;
+    const tableData = ref([]);
+    const tableColumns = ref([]);
+    const customColumnModels = ref(false);
+    if (props.configure.props.modelCustom) {
+      customColumnModels.value = true;
+    } else {
+      tableColumns.value = props.configure.items;
+    }
     onMounted(() => {
       const resultData = getChartDatasFromPage(props.pageContext, props.configure);
       if (resultData) {
@@ -69,6 +54,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         console.log("重复更新!", resultData);
         return;
       }
+      if (customColumnModels.value) {
+        const func = getCustomFunc(props.pageContext, props.configure.props.modelCustom);
+        if (func) {
+          func.apply(func, [
+            {
+              pageContext: props.pageContext,
+              configureObj: props.configure,
+              value: resultData
+            }
+          ]);
+        }
+      }
+      if (props.configure.serviceDataField && resultData.result) {
+        tableData.value = resultData.result[props.configure.serviceDataField];
+      } else {
+        tableData.value = [];
+      }
       resultData.hasRender = true;
       dataConfig.autoRefresh = false;
     }
@@ -96,27 +98,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           [vShow, unref(headerInfo).showHeader]
         ]),
         createVNode(_component_el_table, {
-          data: tableData,
+          data: tableData.value,
           style: { "width": "100%" }
         }, {
           default: withCtx(() => [
-            createVNode(_component_el_table_column, {
-              prop: "date",
-              label: "Date",
-              width: "180"
-            }),
-            createVNode(_component_el_table_column, {
-              prop: "name",
-              label: "Name",
-              width: "180"
-            }),
-            createVNode(_component_el_table_column, {
-              prop: "address",
-              label: "Address"
-            })
+            (openBlock(true), createElementBlock(Fragment, null, renderList(tableColumns.value, (column, index) => {
+              return openBlock(), createElementBlock(Fragment, { key: index }, [
+                column.props.base.prop === "$index" ? (openBlock(), createBlock(_component_el_table_column, {
+                  key: 0,
+                  label: column.props.base.name,
+                  type: "index",
+                  align: "center",
+                  "header-align": "center",
+                  width: "80"
+                }, null, 8, ["label"])) : (openBlock(), createBlock(_component_el_table_column, {
+                  key: 1,
+                  prop: column.props.base.prop,
+                  width: column.props.base.width ? column.props.base.width : "200",
+                  label: column.props.base.name,
+                  "header-align": column.props.base.headerAlign,
+                  align: column.props.base.align,
+                  fixed: column.props.base.fixed ? column.props.base.fixed : false
+                }, null, 8, ["prop", "width", "label", "header-align", "align", "fixed"]))
+              ], 64);
+            }), 128))
           ]),
           _: 1
-        })
+        }, 8, ["data"])
       ], 6);
     };
   }

package/dist/es/components/runtime/views/assemblys/data/table/main-table-runtime.vue.js

@@ -200,6 +200,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }
           }
           myButtonProps.label = myButtonProps.title;
+          myButtonProps.sourceButton = { uuid: buttonConfigure.uuid };
           myButtonSet["props"] = myButtonProps;
           myButtonSet["onClick"] = getOperationButtonClickEvent(buttonConfigure);
           operationButtons.push(myButtonSet);
@@ -207,7 +208,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (!options.operations) {
           options.operations = {};
         }
-        debugger;
         options.operations.operation = operationButtons;
       }
     }
@@ -297,13 +297,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClick = editRow;
         } else if (eventName === "lineEditDelete") {
           onClick = deleteRow;
-        } else {
-          onClick = customButtonClick;
         }
         if (!onClick) {
           onClick = function() {
           };
         }
+      } else {
+        operationButtonObj.value[buttonConfigure.uuid] = buttonConfigure;
+        onClick = customButtonClick;
       }
       return onClick;
     }
@@ -584,7 +585,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         rowIndex,
         button
       };
-      const buttonConfigure = operationButtonObj.value["xxx"];
+      debugger;
+      const buttonConfigure = operationButtonObj.value[button.sourceButton.uuid];
       const tableConfigure = configure;
       buttonConfigure.props.base.tableUuid = tableConfigure.uuid;
       getHandleEvent(null, pageContext, buttonConfigure, "click", otherParams);

package/dist/es/components/runtime/views/assemblys/form/custom/custom-runtime.vue2.js

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, onMounted, onUnmounted, resolveComponen
 import { getFormModelFields } from "../../../../utils/page-init-util.js";
 import { getVariableValue, setVariableValue, getFormPropName, setVariableValueWithProp } from "../../../../utils/page-helper-util.js";
 import { handleEvent } from "../../../../utils/events/event-util.js";
-import { packageCustomRules } from "../../../../utils/events/validator-util.js";
+import { updateFormItemEditState } from "../../../../utils/events/validator-util.js";
 import { getListCode } from "../../../../utils/common-util.js";
 import { getComponentRef } from "../../../../utils/global-refs.js";
 import { getAdditionalParamMap } from "../../../../utils/events/standard-event.js";
@@ -46,23 +46,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       props.configure.props && props.configure.props.base ? props.configure.props.base.name : null
     );
     console.log("自定义控件----componentName=", componentName, "designProperty=", designProperty);
-    if (!props.pageContext.customValidatorUuids) {
-      props.pageContext.customValidatorUuids = [];
+    if (props.configure.props.verification.custom && props.configure.props.verification.custom.enabled) {
+      if (!props.pageContext.customValidatorUuids) {
+        props.pageContext.customValidatorUuids = [];
+      }
+      props.pageContext.customValidatorUuids.push(props.configure.uuid);
     }
-    props.pageContext.customValidatorUuids.push(props.configure.uuid);
     function customControlSetValue(prop, value) {
       setVariableValueWithProp(entity, prop, value);
     }
     function setCustomvalidateRules(customRules) {
-      if (!customRules) {
-        return;
-      }
-      let rules = props.pageContext.rules ? props.pageContext.rules : {};
-      rules = packageCustomRules(customRules, rules);
-      props.pageContext.rules = rules;
-      let workflowRules = props.pageContext.workflowRules ? props.pageContext.workflowRules : {};
-      workflowRules = packageCustomRules(customRules, workflowRules);
-      props.pageContext.workflowRules = workflowRules;
+      updateFormItemEditState(props.pageContext, customRules);
     }
     function restoreGridEdit() {
       const tableUuids = props.pageContext.tableUuids;
@@ -91,10 +85,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         setVariableValue(entity, dynamicFields, value);
       });
       eventBus.$on(componentId.value + "-pickFileDone", (data) => {
-        console.log("superPage4444---pickFileDone--componentId.value=", componentId.value, "data=", data);
+        console.log(
+          "superPage4444---pickFileDone--componentId.value=",
+          componentId.value,
+          "data=",
+          data
+        );
         customRef.value.pickFileDone(data);
       });
     });
+    function handleCustomEvent(eventType) {
+      handleEvent(dynamicModelMethod.value, props.pageContext, props.configure, eventType);
+    }
     onUnmounted(() => {
       eventBus.$off(componentId.value + "-scanDone");
       eventBus.$off(componentId.value + "-pickFileDone");
@@ -136,11 +138,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onSetEntityValue: customControlSetValue,
               onSetCustomRules: setCustomvalidateRules,
               onRestoreGridEdit: restoreGridEdit,
-              onInput: _cache[1] || (_cache[1] = ($event) => unref(handleEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "input")),
-              onChange: _cache[2] || (_cache[2] = ($event) => unref(handleEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "change")),
-              onClick: _cache[3] || (_cache[3] = ($event) => unref(handleEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "click")),
-              onBlur: _cache[4] || (_cache[4] = ($event) => unref(handleEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "blur")),
-              onFocus: _cache[5] || (_cache[5] = ($event) => unref(handleEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "focus"))
+              onHandleEvent: handleCustomEvent,
+              onChange: _cache[1] || (_cache[1] = ($event) => unref(handleEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "change"))
             }, null, 40, ["size", "entity", "pageData", "pageContext", "configureObj", "prop", "custom-params", "modelValue", "disabled", "additional-param-map", "component-id"]))
           ])) : createCommentVNode("", true)
         ]),
@@ -156,18 +155,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           prop: unref(getFormPropName)(_ctx.configure.props && _ctx.configure.props.base ? _ctx.configure.props.base.prop : null),
           "custom-params": unref(customParams),
           modelValue: dynamicModelMethod.value,
-          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => dynamicModelMethod.value = $event),
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dynamicModelMethod.value = $event),
           disabled: designProperty.value.state === "disabled",
           "additional-param-map": unref(additionalParamMap),
           "component-id": componentId.value,
           onSetEntityValue: customControlSetValue,
           onSetCustomRules: setCustomvalidateRules,
           onRestoreGridEdit: restoreGridEdit,
-          onInput: _cache[7] || (_cache[7] = ($event) => unref(handleEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "input")),
-          onChange: _cache[8] || (_cache[8] = ($event) => unref(handleEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "change")),
-          onClick: _cache[9] || (_cache[9] = ($event) => unref(handleEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "click")),
-          onBlur: _cache[10] || (_cache[10] = ($event) => unref(handleEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "blur")),
-          onFocus: _cache[11] || (_cache[11] = ($event) => unref(handleEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "focus"))
+          onHandleEvent: handleCustomEvent,
+          onChange: _cache[3] || (_cache[3] = ($event) => unref(handleEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "change"))
         }, null, 40, ["entity", "pageData", "pageContext", "configureObj", "prop", "custom-params", "modelValue", "disabled", "additional-param-map", "component-id"]))
       ])) : createCommentVNode("", true);
     };

package/dist/es/components/runtime/views/assemblys/form/select/select-runtime.vue2.js

@@ -132,16 +132,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, 200);
     }
     function optionChange(value) {
+      let selItems = null;
+      if (listOptions.value && value != void 0 && value != null) {
+        selItems = listOptions.value.filter((item) => {
+          return Array.isArray(value) ? value.includes(item.value) : value === item.value;
+        });
+      }
       if (autoSets.length > 0) {
-        let selItems = null;
-        if (listOptions.value && value != void 0 && value != null) {
-          selItems = listOptions.value.filter((item) => {
-            return Array.isArray(value) ? value.includes(item.value) : value === item.value;
-          });
-        }
         autoSetAfterSelect(props.configure, props.pageContext, autoSets, selItems);
       }
-      handleFormEvent(value, props.pageContext, props.configure, "change");
+      let selectItem;
+      if (selItems && selItems.length > 0) {
+        selectItem = selItems[0];
+      }
+      let otherParams = {};
+      if (selectItem) {
+        otherParams = { extendParams: selectItem };
+      }
+      handleFormEvent(value, props.pageContext, props.configure, "change", otherParams);
     }
     function updateOptions(newOptions) {
       listOptions.value = newOptions ? newOptions : [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-runtime",
-  "version": "2.1.40",
+  "version": "2.1.42",
   "description": "AgileBuilder super page runtime",
   "license": "ISC",
   "main": "dist/es/index.js",
@@ -48,7 +48,7 @@
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/test-utils": "^2.4.4",
-    "agilebuilder-ui": "1.0.76",
+    "agilebuilder-ui": "1.0.82",
     "axios": "^1.6.8",
     "cypress": "^13.6.6",
     "element-plus": "^2.6.1",