super-page-runtime 3.0.3 → 3.0.5-beta1

package/dist/lib/components/runtime/views/assemblys/data/table/sub-table-runtime.vue.js

@@ -6,6 +6,7 @@ const pageInitUtil = require("../../../../utils/page-init-util.js");
 const eventBus = require("../../../../utils/eventBus.js");
 const tableUtils = require("../../../../utils/table-utils.js");
 const commonUtil = require("../../../../utils/common-util.js");
+const standardEvent = require("../../../../utils/events/standard-event.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "sub-table-runtime",
   props: {
@@ -16,11 +17,11 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const props = __props;
     const pageContext = props.pageContext;
     const configure = props.configure;
+    const listCode = commonUtil.getListCode(pageContext.code, pageContext.version, configure.uuid);
     const dataModel = pageContext.entity.data;
-    const prop = configure.props && configure.props.base ? configure.props.base.prop : null;
-    const additionalParamMap = pageContext.entity.request;
-    configure.events;
-    Vue.ref({});
+    const prop = listCode;
+    const additionalParamMap = standardEvent.getAdditionalParamMap(pageContext);
+    const tableEvents = configure.runtime && configure.runtime.events ? configure.runtime.events : [];
     const selections = Vue.ref([]);
     const superGridItems = pageContext.superGridItems;
     const superGridSetting = superGridItems ? superGridItems[configure.uuid] : null;
@@ -29,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const runtimeStyle = runtimeInfo.style;
     const runtimeClass = runtimeInfo.class;
     const entity = props.pageContext.entity ? props.pageContext.entity : {};
-    let dynamicFields = pageInitUtil.getFormModelFields(props.pageContext, props.configure);
+    let dynamicFields = pageInitUtil.getModelFields(props.pageContext, props.configure, prop);
     const listViewShowFlag = Vue.ref(false);
     const baseURL = window["$vueApp"].config.globalProperties.baseURL;
     const listViewOptions = Vue.ref({
@@ -51,13 +52,12 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     if (runtimeClass) {
       listViewOptions.value["tableClass"] = runtimeClass;
     }
-    if (configure.props && configure.props.base && configure.props.base.subPaging === void 0 || configure.props.base.subPaging === null || configure.props.base.subPaging === false) {
-      listViewOptions.value.showPageArea = false;
-    } else {
+    if (configure.props && configure.props.base && configure.props.base.subPaging === true) {
       listViewOptions.value.showPageArea = true;
+    } else {
+      listViewOptions.value.showPageArea = false;
     }
     const gridRef = Vue.ref(null);
-    const listCode = commonUtil.getListCode(pageContext.code, pageContext.version, configure.uuid);
     function currencyListViewSetting(canRrefreshSubtableData) {
       if (canRrefreshSubtableData === void 0) {
         canRrefreshSubtableData = judgeInitializationSubTable();
@@ -118,9 +118,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     function changeInitializationSubTable(canRrefreshSubtableData) {
       currencyListViewSetting(canRrefreshSubtableData);
       listViewOptions.value["isPageInfo"] = false;
-      listViewOptions.value["subTableData"] = null;
+      listViewOptions.value["subTableData"] = getValue();
       listViewOptions.value.extraParam["subTableListViewCode"] = listCode;
-      listViewOptions.value.extraParam["subtableSetting"] = configure.props || !configure.props.otherSettings ? JSON.stringify(configure.props.otherSettings.subtableSetting) : null;
+      listViewOptions.value.extraParam["subtableSetting"] = configure.props && configure.props.otherSettings ? JSON.stringify(configure.props.otherSettings.subtableSetting) : null;
       listViewOptions.value.extraParam["additionalParamMap"] = additionalParamMap;
       listViewOptions.value.extraParam["entityMap"] = pageContext.entity.data;
       setGridDataEventOptions();
@@ -130,11 +130,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         setGridToStore();
       }, 10);
     }
-    changeInitializationSubTable();
     function setGridDataEventOptions() {
       setSubTableValidateInfo();
-      const tableEvents2 = configure.events;
-      eventUtil.setTableEvents(listViewOptions.value, tableEvents2, pageContext, configure);
+      eventUtil.setTableEvents(listViewOptions.value, tableEvents, pageContext, configure);
       const customEvents = pageContext.customEvents;
       if (customEvents) {
         listViewOptions.value["eventCallBack"] = customEvents;
@@ -166,6 +164,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         }
         listViewOptions.value["actionPermission"] = actionPermission;
       }
+      if (!listViewOptions.value["operations"]) {
+        listViewOptions.value["operations"] = {};
+      }
       const subTableOperations = getOperations();
       listViewOptions.value["operations"]["operation"] = subTableOperations;
       listViewOptions.value["subTableCanAdd"] = isShowAdd();
@@ -209,6 +210,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       }
       return operations;
     }
+    changeInitializationSubTable();
     function getEntityId(row) {
       if (row && row.id) {
         return row.id;
@@ -389,7 +391,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     }
     function getSelectionIds() {
       const dataIds = [];
-      if (selections.value !== null) {
+      if (selections.value) {
         selections.value.forEach((item) => {
           dataIds.push(item.id ? item.id : item.ID ? item.ID : null);
         });
@@ -427,7 +429,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           ref: gridRef,
           url: Vue.unref(baseURL) + "/common/super-forms/sub-table",
           options: listViewOptions.value,
-          code: Vue.unref(superGridSetting) ? null : Vue.unref(listCode),
+          code: Vue.unref(listCode),
           settings: Vue.unref(superGridSetting),
           onSelect: select,
           onSelectAll: selectAll,

package/dist/lib/components/runtime/views/assemblys/data/table/table-runtime.vue2.js

@@ -1,9 +1,9 @@
 "use strict";
 const Vue = require("vue");
-require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.13_vue@3.4.21/node_modules/agilebuilder-ui/lib/super-ui.js");
-require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.13_vue@3.4.21/node_modules/agilebuilder-ui/src/utils/request.js");
+require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.26_vue@3.4.21/node_modules/agilebuilder-ui/lib/super-ui.js");
+require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.26_vue@3.4.21/node_modules/agilebuilder-ui/src/utils/request.js");
 require("../../../../../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.js");
-require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.13_vue@3.4.21/node_modules/agilebuilder-ui/src/i18n/i18n.js");
+require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.26_vue@3.4.21/node_modules/agilebuilder-ui/src/i18n/i18n.js");
 require("../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js");
 require("../../../../utils/global-refs.js");
 const subTableRuntime_vue_vue_type_script_setup_true_lang = require("./sub-table-runtime.vue.js");
@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const tableUuid = props.configure.uuid;
     const superGridItems = props.pageContext.superGridItems;
     const superGridSetting = superGridItems ? superGridItems[tableUuid] : null;
-    tableConfigure.value = superGridSetting.configure ? JSON.parse(superGridSetting.configure) : null;
+    tableConfigure.value = superGridSetting ? superGridSetting.configure ? JSON.parse(superGridSetting.configure) : null : props.configure;
     const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
     runtimeInfo.style;
     runtimeInfo.class;
@@ -73,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           ref_key: "gridRef",
           ref: gridRef,
           pageContext: _ctx.pageContext,
-          configure: _ctx.configure
+          configure: tableConfigure.value
         }, null, 8, ["pageContext", "configure"])) : (Vue.openBlock(), Vue.createBlock(mainTableRuntime_vue_vue_type_script_setup_true_lang, {
           key: 1,
           ref_key: "gridRef",

package/dist/lib/components/runtime/views/assemblys/form/checkbox/checkbox-runtime.vue2.js

@@ -2,6 +2,7 @@
 const Vue = require("vue");
 const pageHelperUtil = require("../../../../utils/page-helper-util.js");
 const pageInitUtil = require("../../../../utils/page-init-util.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "checkbox-runtime",
   props: {
@@ -24,8 +25,8 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const runtimeStyle = runtimeInfo.style;
     const runtimeClass = runtimeInfo.class;
     const headerStyle = runtimeInfo.headerStyle;
-    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
-    const listOptions = Vue.ref(designProperty.options ? designProperty.options : []);
+    const designProperty = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
+    const listOptions = Vue.ref(designProperty.value.options ? designProperty.value.options : []);
     const cacheOptions = pageHelperUtil.getOptionDatasFromPage(props.pageContext, props.configure);
     if (cacheOptions.length > 0) {
       listOptions.value = cacheOptions;
@@ -48,64 +49,26 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         target: props.configure.props.base.optionProp
       });
     }
-    if (autoSets.length > -1) {
-      designProperty.changeMethod = optionChange;
-    }
-    const monitorFields = designProperty.monitorFields;
-    const monitorFieldInfos = [];
-    if (monitorFields) {
-      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]);
-            }
-          }
-        }
-      }
-      for (let preField of preFields) {
-        Vue.watch(entity[preField], () => {
-          monitorFieldChange();
-        });
-      }
-    }
-    function getMonitorFieldValues() {
-      let values = "";
-      for (let fieldInfo of monitorFieldInfos) {
-        values += "_" + pageHelperUtil.getVariableValue(entity, fieldInfo);
-      }
-      return values;
-    }
-    let initMonitorValue = getMonitorFieldValues();
-    let monitorTimeout = false;
-    const optionconfigInfo = designProperty.optionconfigInfo ? designProperty.optionconfigInfo : {};
-    function monitorFieldChange() {
-      if (monitorTimeout) {
-        clearTimeout(monitorTimeout);
-      }
-      monitorTimeout = setTimeout(function() {
-        const newValue = getMonitorFieldValues();
-        if (newValue == initMonitorValue) {
-          return;
-        }
-        initMonitorValue = newValue;
-        pageHelperUtil.queryOptionDatasources(props.pageContext, optionconfigInfo, void 0).then((error) => {
-          console.log("查询失败!", error);
-        });
-      }, 200);
+    designProperty.value.changeMethod = optionChange;
+    const optionconfigInfo = designProperty.value.optionconfigInfo ? designProperty.value.optionconfigInfo : {};
+    function refreshOptions() {
+      pageHelperUtil.queryOptionDatasources(props.pageContext, optionconfigInfo, void 0).then((result) => {
+        console.log("动态查询结果", result);
+      });
     }
+    const monitorFields = designProperty.value.monitorFields;
+    pageHelperUtil.monitorFieldChange(props.pageContext, monitorFields, refreshOptions);
     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 > -1) {
+        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;
+          });
+        }
+        pageHelperUtil.autoSetAfterSelect(props.configure, props.pageContext, autoSets, selItems);
       }
-      pageHelperUtil.autoSetAfterSelect(props.configure, props.pageContext, autoSets, selItems);
+      eventUtil.handleEvent(value, props.pageContext, props.configure, "change");
     }
     function updateOptions(newOptions) {
       listOptions.value = newOptions ? newOptions : [];
@@ -119,20 +82,20 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       const _component_el_form_item = Vue.resolveComponent("el-form-item");
       return Vue.openBlock(), Vue.createBlock(_component_el_form_item, {
         class: Vue.normalizeClass(Vue.unref(runtimeClass)),
-        "label-width": Vue.unref(designProperty).labelWidth,
+        "label-width": designProperty.value.labelWidth,
         style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
       }, {
         label: Vue.withCtx(() => [
-          Vue.unref(designProperty).tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
+          designProperty.value.tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
             key: 0,
             style: Vue.normalizeStyle({ ...Vue.unref(headerStyle) })
-          }, Vue.toDisplayString(Vue.unref(designProperty).title), 5)) : Vue.createCommentVNode("", true)
+          }, Vue.toDisplayString(designProperty.value.title), 5)) : Vue.createCommentVNode("", true)
         ]),
         default: Vue.withCtx(() => [
           Vue.createVNode(_component_el_checkbox_group, {
-            disabled: Vue.unref(designProperty).state === "disabled",
-            size: Vue.unref(designProperty).size,
-            onChange: Vue.unref(designProperty).changeMethod,
+            disabled: designProperty.value.state === "disabled",
+            size: designProperty.value.size,
+            onChange: designProperty.value.changeMethod,
             modelValue: dynamicModelMethod.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event)
           }, {
@@ -141,8 +104,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
                 return Vue.openBlock(), Vue.createBlock(_component_el_checkbox, {
                   key: item.value,
                   value: item.value,
-                  label: item.label
-                }, null, 8, ["value", "label"]);
+                  label: item.label,
+                  onClick: ($event) => Vue.unref(eventUtil.handleEvent)(item.value, _ctx.pageContext, _ctx.configure, "click", { values: dynamicModelMethod.value })
+                }, null, 8, ["value", "label", "onClick"]);
               }), 128))
             ]),
             _: 1

package/dist/lib/components/runtime/views/assemblys/form/date-picker/datepicker-runtime.vue2.js

@@ -1,7 +1,9 @@
 "use strict";
 const Vue = require("vue");
 const pageInitUtil = require("../../../../utils/page-init-util.js");
+const dateShortcuts = require("../../../../utils/form/date-shortcuts.js");
 const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "datepicker-runtime",
   props: {
@@ -24,54 +26,119 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const runtimeStyle = runtimeInfo.style;
     const runtimeClass = runtimeInfo.class;
     const headerStyle = runtimeInfo.headerStyle;
-    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
+    const designProperty = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
+    if (designProperty.value.dateType && designProperty.value.dateType.includes("range")) {
+      let hisValue = pageHelperUtil.getVariableValue(entity, dynamicFields);
+      if (hisValue && !Array.isArray(hisValue)) {
+        hisValue = [hisValue];
+      }
+      if (!entity.data || !entity.data.id && !entity.data.ID) {
+        if (designProperty.value.defaultValue2) {
+          const defaultValue2 = pageHelperUtil.getValueFromVariable(entity, designProperty.value.defaultValue2);
+          hisValue = !hisValue ? [] : hisValue;
+          if (hisValue.length == 0) {
+            hisValue.push(void 0);
+          }
+          if (hisValue.length > 1) {
+            hisValue[1] = defaultValue2;
+          } else {
+            hisValue.push(defaultValue2);
+          }
+        }
+      }
+      pageHelperUtil.setVariableValue(entity, dynamicFields, hisValue);
+    }
+    const shortcuts = Vue.ref(
+      dateShortcuts.getDateShortCuts(
+        designProperty.value.dateScopeDetails,
+        designProperty.value.sourceType,
+        designProperty.value.dateType
+      )
+    );
+    if (designProperty.value.shortcutsFunc) {
+      const func = eventUtil.getCustomFunc(props.pageContext, designProperty.value.shortcutsFunc);
+      if (func) {
+        let returns = func.apply(func, [
+          {
+            pageContext: props.pageContext,
+            configureObj: props.configure
+          }
+        ]);
+        if (returns) {
+          if (!Array.isArray(returns)) {
+            returns = [returns];
+          }
+          if (!shortcuts.value) {
+            shortcuts.value = [];
+          }
+          for (let r of returns) {
+            if (r.text && r.value) {
+              shortcuts.value.push(r);
+            }
+          }
+        }
+        console.log("shortcuts", shortcuts.value);
+      }
+    }
     return (_ctx, _cache) => {
       const _component_el_time_picker = Vue.resolveComponent("el-time-picker");
       const _component_el_date_picker = Vue.resolveComponent("el-date-picker");
       const _component_el_form_item = Vue.resolveComponent("el-form-item");
       return Vue.openBlock(), Vue.createBlock(_component_el_form_item, {
-        required: Vue.unref(designProperty).required,
+        required: designProperty.value.required,
         class: Vue.normalizeClass(Vue.unref(runtimeClass)),
-        "label-width": Vue.unref(designProperty).labelWidth,
+        "label-width": designProperty.value.labelWidth,
         style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
       }, {
         label: Vue.withCtx(() => [
-          Vue.unref(designProperty).tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
+          designProperty.value.tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
             key: 0,
             style: Vue.normalizeStyle({ ...Vue.unref(headerStyle) })
-          }, Vue.toDisplayString(Vue.unref(designProperty).title), 5)) : Vue.createCommentVNode("", true)
+          }, Vue.toDisplayString(designProperty.value.title), 5)) : Vue.createCommentVNode("", true)
         ]),
         default: Vue.withCtx(() => [
-          Vue.unref(designProperty).dateType == "time" || Vue.unref(designProperty).dateType == "timerange" ? (Vue.openBlock(), Vue.createBlock(_component_el_time_picker, {
+          designProperty.value.dateType == "time" || designProperty.value.dateType == "timerange" ? (Vue.openBlock(), Vue.createBlock(_component_el_time_picker, {
             key: 0,
-            "is-range": Vue.unref(designProperty).dateType == "timerange",
+            "is-range": designProperty.value.dateType == "timerange",
             "range-separator": "-",
-            clearable: Vue.unref(designProperty).clearable,
-            disabled: Vue.unref(designProperty).state === "disabled",
-            readonly: Vue.unref(designProperty).state === "readonly",
-            size: Vue.unref(designProperty).size,
-            placeholder: Vue.unref(designProperty).placeholder,
-            "start-placeholder": Vue.unref(designProperty).placeholder,
-            "end-placeholder": Vue.unref(designProperty).endPlaceholder,
-            format: Vue.unref(designProperty).format,
+            clearable: designProperty.value.clearable,
+            disabled: designProperty.value.state === "disabled",
+            readonly: designProperty.value.state === "readonly",
+            size: designProperty.value.size,
+            placeholder: designProperty.value.placeholder,
+            "start-placeholder": designProperty.value.placeholder,
+            "end-placeholder": designProperty.value.endPlaceholder,
+            format: designProperty.value.format,
             modelValue: dynamicModelMethod.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event),
-            shortcuts: Vue.unref(designProperty).shortcuts,
-            type: Vue.unref(designProperty).dateType
+            shortcuts: shortcuts.value,
+            type: designProperty.value.dateType,
+            onChange: _cache[1] || (_cache[1] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "change")),
+            onBlur: _cache[2] || (_cache[2] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "blur")),
+            onFocus: _cache[3] || (_cache[3] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "focus")),
+            onCalendarChange: _cache[4] || (_cache[4] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "calendar-change")),
+            onVisibleChange: _cache[5] || (_cache[5] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "visible-change")),
+            onPanelChange: _cache[6] || (_cache[6] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "panel-change"))
           }, null, 8, ["is-range", "clearable", "disabled", "readonly", "size", "placeholder", "start-placeholder", "end-placeholder", "format", "modelValue", "shortcuts", "type"])) : (Vue.openBlock(), Vue.createBlock(_component_el_date_picker, {
             key: 1,
-            clearable: Vue.unref(designProperty).clearable,
-            disabled: Vue.unref(designProperty).state === "disabled",
-            readonly: Vue.unref(designProperty).state === "readonly",
-            size: Vue.unref(designProperty).size,
-            placeholder: Vue.unref(designProperty).placeholder,
-            "start-placeholder": Vue.unref(designProperty).placeholder,
-            "end-placeholder": Vue.unref(designProperty).endPlaceholder,
-            format: Vue.unref(designProperty).format,
+            clearable: designProperty.value.clearable,
+            disabled: designProperty.value.state === "disabled",
+            readonly: designProperty.value.state === "readonly",
+            size: designProperty.value.size,
+            placeholder: designProperty.value.placeholder,
+            "start-placeholder": designProperty.value.placeholder,
+            "end-placeholder": designProperty.value.endPlaceholder,
+            format: designProperty.value.format,
             modelValue: dynamicModelMethod.value,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dynamicModelMethod.value = $event),
-            shortcuts: Vue.unref(designProperty).shortcuts,
-            type: Vue.unref(designProperty).dateType
+            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => dynamicModelMethod.value = $event),
+            shortcuts: shortcuts.value,
+            type: designProperty.value.dateType,
+            onChange: _cache[8] || (_cache[8] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "change")),
+            onBlur: _cache[9] || (_cache[9] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "blur")),
+            onFocus: _cache[10] || (_cache[10] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "focus")),
+            onCalendarChange: _cache[11] || (_cache[11] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "calendar-change")),
+            onVisibleChange: _cache[12] || (_cache[12] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "visible-change")),
+            onPanelChange: _cache[13] || (_cache[13] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "panel-change"))
           }, null, 8, ["clearable", "disabled", "readonly", "size", "placeholder", "start-placeholder", "end-placeholder", "format", "modelValue", "shortcuts", "type"]))
         ]),
         _: 1

package/dist/lib/components/runtime/views/assemblys/form/dept-tree/depttree-runtime.vue2.js

@@ -1,11 +1,12 @@
 "use strict";
 const Vue = require("vue");
 const pageInitUtil = require("../../../../utils/page-init-util.js");
-require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.13_vue@3.4.21/node_modules/agilebuilder-ui/src/utils/request.js");
+require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.26_vue@3.4.21/node_modules/agilebuilder-ui/src/utils/request.js");
 require("../../../../../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.js");
-require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.13_vue@3.4.21/node_modules/agilebuilder-ui/src/i18n/i18n.js");
+require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.26_vue@3.4.21/node_modules/agilebuilder-ui/src/i18n/i18n.js");
 require("../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js");
 require("../../../../utils/global-refs.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "depttree-runtime",
   props: {
@@ -22,39 +23,46 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     let dynamicFields = pageInitUtil.getFormModelFields(props.pageContext, props.configure);
     const fieldName = dynamicFields.length > 0 ? dynamicFields[dynamicFields.length - 1] : props.configure.uuid;
     const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
-    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
+    const designProperty = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
     const runtimeStyle = runtimeInfo.style;
     const runtimeClass = runtimeInfo.class;
     const headerStyle = runtimeInfo.headerStyle;
-    const autoSetFields = designProperty.autoSetFields ? designProperty.autoSetFields : [];
+    const autoSetFields = designProperty.value.autoSetFields ? designProperty.value.autoSetFields : [];
+    function changeValue(value) {
+      eventUtil.handleEvent(value, props.pageContext, props.configure, "change");
+    }
+    function showTree() {
+      eventUtil.handleEvent(null, props.pageContext, props.configure, "click");
+    }
     return (_ctx, _cache) => {
       const _component_OrganizationInput = Vue.resolveComponent("OrganizationInput");
       const _component_el_form_item = Vue.resolveComponent("el-form-item");
       return Vue.openBlock(), Vue.createBlock(_component_el_form_item, {
-        required: Vue.unref(designProperty).required,
+        required: designProperty.value.required,
         class: Vue.normalizeClass(Vue.unref(runtimeClass)),
-        "label-width": Vue.unref(designProperty).labelWidth,
+        "label-width": designProperty.value.labelWidth,
         style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
       }, {
         label: Vue.withCtx(() => [
-          Vue.unref(designProperty).tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
+          designProperty.value.tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
             key: 0,
             style: Vue.normalizeStyle({ ...Vue.unref(headerStyle) })
-          }, Vue.toDisplayString(Vue.unref(designProperty).title), 5)) : Vue.createCommentVNode("", true)
+          }, Vue.toDisplayString(designProperty.value.title), 5)) : Vue.createCommentVNode("", true)
         ]),
         default: Vue.withCtx(() => [
           Vue.createVNode(_component_OrganizationInput, {
-            disabled: Vue.unref(designProperty).state == "disabled",
-            multiple: Vue.unref(designProperty).multiple,
-            treeType: Vue.unref(designProperty).treeType,
-            modelValue: Vue.unref(dataModel)[Vue.unref(fieldName)],
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => Vue.unref(dataModel)[Vue.unref(fieldName)] = $event),
+            disabled: designProperty.value.state == "disabled",
+            multiple: designProperty.value.multiple,
+            treeType: designProperty.value.treeType,
+            value: Vue.unref(dataModel)[Vue.unref(fieldName)],
             models: Vue.unref(dataModel),
             fields: Vue.unref(autoSetFields),
-            size: Vue.unref(designProperty).size,
+            size: designProperty.value.size,
             placeholder: "请选择",
-            separator: Vue.unref(designProperty).separator
-          }, null, 8, ["disabled", "multiple", "treeType", "modelValue", "models", "fields", "size", "separator"])
+            separator: designProperty.value.separator,
+            onChange: changeValue,
+            onShowTree: showTree
+          }, null, 8, ["disabled", "multiple", "treeType", "value", "models", "fields", "size", "separator"])
         ]),
         _: 1
       }, 8, ["required", "class", "label-width", "style"]);

package/dist/lib/components/runtime/views/assemblys/form/divider/divider-runtime.vue2.js

@@ -1,6 +1,7 @@
 "use strict";
 const Vue = require("vue");
 const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "divider-runtime",
   props: {
@@ -11,8 +12,8 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const props = __props;
     const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
     const headerStyle = runtimeInfo.headerStyle;
-    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
-    let contentVariable = designProperty.value;
+    const designProperty = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
+    let contentVariable = designProperty.value["value"];
     const dynamicValue = Vue.computed(() => {
       if (!contentVariable) {
         return "";
@@ -23,9 +24,10 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_el_divider = Vue.resolveComponent("el-divider");
       return Vue.openBlock(), Vue.createBlock(_component_el_divider, {
-        direction: Vue.unref(designProperty).direction,
-        "border-style": Vue.unref(designProperty).borderType,
-        "content-position": Vue.unref(designProperty).titlePosition
+        direction: designProperty.value.direction,
+        "border-style": designProperty.value.borderType,
+        "content-position": designProperty.value.titlePosition,
+        onClick: _cache[0] || (_cache[0] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
       }, {
         default: Vue.withCtx(() => [
           Vue.createElementVNode("div", {