super-page-runtime 2.0.43 → 2.0.47

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

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode, Fragment, renderList } from "vue";
 import { getVariableValue, setVariableValue, getOptionDatasFromPage, monitorFieldChange, autoSetAfterSelect, queryOptionDatasources } from "../../../../utils/page-helper-util.js";
 import { getFormModelFields } from "../../../../utils/page-init-util.js";
-import { handleEvent } from "../../../../utils/events/event-util.js";
+import { handleFormEvent } from "../../../../utils/events/event-util.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "checkbox-runtime",
   props: {
@@ -104,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   key: item.value,
                   value: item.value,
                   label: item.label,
-                  onClick: ($event) => unref(handleEvent)(item.value, _ctx.pageContext, _ctx.configure, "click", { values: dynamicModelMethod.value })
+                  onClick: ($event) => unref(handleFormEvent)(item.value, _ctx.pageContext, _ctx.configure, "click", { values: dynamicModelMethod.value })
                 }, null, 8, ["value", "label", "onClick"]);
               }), 128))
             ]),

package/dist/es/components/runtime/views/assemblys/form/common/title-suffix-element.vue.js

@@ -28,14 +28,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         setVariableValue(entity, fields, defaultValue);
       }
     }
+    const prefixType = props.property.prefixType;
+    let prefixValue = props.property.prefixValue;
+    prefixValue = prefixValue == void 0 || prefixValue == null ? "" : prefixValue;
     let dynamicModelMethod = null;
     if (fields.length > 0) {
       dynamicModelMethod = computed({
         get() {
-          return getVariableValue(entity, fields);
+          const value = getVariableValue(entity, fields);
+          if (prefixType === "checkbox") {
+            if (value === null || value === void 0) {
+              return false;
+            }
+            if (Array.isArray(value)) {
+              return value.includes(prefixValue);
+            } else {
+              return value === prefixValue;
+            }
+          } else {
+            return value;
+          }
         },
         set(value) {
-          setVariableValue(entity, fields, value);
+          if (prefixType === "checkbox") {
+            let newValues = getVariableValue(entity, fields);
+            if (!newValues) {
+              newValues = [];
+            }
+            if (!Array.isArray(newValues)) {
+              newValues = [newValues];
+            }
+            const index = newValues.indexOf(prefixValue);
+            if (value) {
+              if (index == -1) {
+                newValues.push(prefixValue);
+              }
+            } else {
+              if (index > -1) {
+                newValues.splice(index, 1);
+              }
+            }
+            setVariableValue(entity, fields, newValues);
+          } else {
+            setVariableValue(entity, fields, value);
+          }
         }
       });
     }

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

@@ -1,8 +1,9 @@
-import { defineComponent, computed, ref, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { getFormModelFields } from "../../../../utils/page-init-util.js";
 import { getDateShortCuts } from "../../../../utils/form/date-shortcuts.js";
-import { getVariableValue, setVariableValue, getValueFromVariable } from "../../../../utils/page-helper-util.js";
-import { getCustomFunc, handleEvent } from "../../../../utils/events/event-util.js";
+import { getValueFromVariable, setVariableValue, getVariableValue } from "../../../../utils/page-helper-util.js";
+import { getCustomFunc, handleFormEvent } from "../../../../utils/events/event-util.js";
+import _sfc_main$1 from "../common/title-suffix-element.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "datepicker-runtime",
   props: {
@@ -12,41 +13,52 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const entity = props.pageContext.entity ? props.pageContext.entity : {};
-    let dynamicFields = getFormModelFields(props.pageContext, props.configure);
-    const dynamicModelMethod = computed({
-      get() {
-        return getVariableValue(entity, dynamicFields);
-      },
-      set(value) {
-        setVariableValue(entity, dynamicFields, value);
-      }
-    });
     const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
     const runtimeStyle = runtimeInfo.style;
     const runtimeClass = runtimeInfo.class;
     const headerStyle = runtimeInfo.headerStyle;
     const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
+    let dynamicFields = getFormModelFields(props.pageContext, props.configure);
+    let dynamicFields2 = null;
+    let isRange = false;
     if (designProperty.value.dateType && designProperty.value.dateType.includes("range")) {
-      let hisValue = getVariableValue(entity, dynamicFields);
-      if (hisValue && !Array.isArray(hisValue)) {
-        hisValue = [hisValue];
+      isRange = true;
+      let propName = designProperty.value.prop2;
+      if (!propName || !propName.startsWith("${")) {
+        propName = "${page." + props.configure.uuid + "-2}";
       }
+      propName = propName.substring(2, propName.length - 1);
+      dynamicFields2 = propName.split(".");
       if (!entity.data || !entity.data.id && !entity.data.ID) {
         if (designProperty.value.defaultValue2) {
           const defaultValue2 = 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);
-          }
+          setVariableValue(entity, dynamicFields2, defaultValue2);
         }
       }
-      setVariableValue(entity, dynamicFields, hisValue);
     }
+    const dynamicModelMethod = computed({
+      get() {
+        if (isRange) {
+          const values = [];
+          values.push(getVariableValue(entity, dynamicFields));
+          values.push(getVariableValue(entity, dynamicFields2));
+          return values;
+        } else {
+          return getVariableValue(entity, dynamicFields);
+        }
+      },
+      set(value) {
+        if (isRange) {
+          if (Array.isArray(value)) {
+            setVariableValue(entity, dynamicFields, value[0]);
+            setVariableValue(entity, dynamicFields2, value[1]);
+          }
+        } else {
+          setVariableValue(entity, dynamicFields, value);
+        }
+        console.log("entity", entity);
+      }
+    });
     const shortcuts = ref(
       getDateShortCuts(
         designProperty.value.dateScopeDetails,
@@ -76,7 +88,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }
           }
         }
-        console.log("shortcuts", shortcuts.value);
       }
     }
     return (_ctx, _cache) => {
@@ -93,7 +104,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
             key: 0,
             style: normalizeStyle({ ...unref(headerStyle) })
-          }, toDisplayString(designProperty.value.title), 5)) : createCommentVNode("", true)
+          }, [
+            designProperty.value.prefixType ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              pageContext: _ctx.pageContext,
+              property: designProperty.value
+            }, null, 8, ["pageContext", "property"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(designProperty.value.title), 1)
+            ], 64))
+          ], 4)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
           designProperty.value.dateType == "time" || designProperty.value.dateType == "timerange" ? (openBlock(), createBlock(_component_el_time_picker, {
@@ -112,12 +131,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event),
             shortcuts: shortcuts.value,
             type: designProperty.value.dateType,
-            onChange: _cache[1] || (_cache[1] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "change")),
-            onBlur: _cache[2] || (_cache[2] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "blur")),
-            onFocus: _cache[3] || (_cache[3] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "focus")),
-            onCalendarChange: _cache[4] || (_cache[4] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "calendar-change")),
-            onVisibleChange: _cache[5] || (_cache[5] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "visible-change")),
-            onPanelChange: _cache[6] || (_cache[6] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "panel-change"))
+            onChange: _cache[1] || (_cache[1] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "change")),
+            onBlur: _cache[2] || (_cache[2] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "blur")),
+            onFocus: _cache[3] || (_cache[3] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "focus")),
+            onVisibleChange: _cache[4] || (_cache[4] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "visible-change")),
+            onPanelChange: _cache[5] || (_cache[5] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "panel-change"))
           }, null, 8, ["is-range", "clearable", "disabled", "readonly", "size", "placeholder", "start-placeholder", "end-placeholder", "format", "modelValue", "shortcuts", "type"])) : (openBlock(), createBlock(_component_el_date_picker, {
             key: 1,
             clearable: designProperty.value.clearable,
@@ -129,15 +147,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "end-placeholder": designProperty.value.endPlaceholder,
             format: designProperty.value.format,
             modelValue: dynamicModelMethod.value,
-            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => dynamicModelMethod.value = $event),
+            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => dynamicModelMethod.value = $event),
             shortcuts: shortcuts.value,
             type: designProperty.value.dateType,
-            onChange: _cache[8] || (_cache[8] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "change")),
-            onBlur: _cache[9] || (_cache[9] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "blur")),
-            onFocus: _cache[10] || (_cache[10] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "focus")),
-            onCalendarChange: _cache[11] || (_cache[11] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "calendar-change")),
-            onVisibleChange: _cache[12] || (_cache[12] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "visible-change")),
-            onPanelChange: _cache[13] || (_cache[13] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "panel-change"))
+            onChange: _cache[7] || (_cache[7] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "change")),
+            onBlur: _cache[8] || (_cache[8] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "blur")),
+            onFocus: _cache[9] || (_cache[9] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "focus")),
+            onVisibleChange: _cache[10] || (_cache[10] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "visible-change")),
+            onPanelChange: _cache[11] || (_cache[11] = ($event) => unref(handleFormEvent)($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/es/components/runtime/views/assemblys/form/dept-tree/depttree-runtime.vue2.js

@@ -1,10 +1,11 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode } from "vue";
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode, createVNode } from "vue";
 import { getFormModelFields } from "../../../../utils/page-init-util.js";
 import "agilebuilder-ui/src/utils/request";
 import "dayjs";
 import "agilebuilder-ui/src/utils/calculator/calculator-util";
 import "../../../../utils/global-refs.js";
-import { handleEvent } from "../../../../utils/events/event-util.js";
+import { handleFormEvent } from "../../../../utils/events/event-util.js";
+import _sfc_main$1 from "../common/title-suffix-element.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "depttree-runtime",
   props: {
@@ -27,10 +28,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const headerStyle = runtimeInfo.headerStyle;
     const autoSetFields = designProperty.value.autoSetFields ? designProperty.value.autoSetFields : [];
     function changeValue(value) {
-      handleEvent(value, props.pageContext, props.configure, "change");
+      handleFormEvent(value, props.pageContext, props.configure, "change");
     }
     function showTree() {
-      handleEvent(null, props.pageContext, props.configure, "click");
+      handleFormEvent(null, props.pageContext, props.configure, "click");
     }
     return (_ctx, _cache) => {
       const _component_OrganizationInput = resolveComponent("OrganizationInput");
@@ -45,7 +46,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
             key: 0,
             style: normalizeStyle({ ...unref(headerStyle) })
-          }, toDisplayString(designProperty.value.title), 5)) : createCommentVNode("", true)
+          }, [
+            designProperty.value.prefixType ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              pageContext: _ctx.pageContext,
+              property: designProperty.value
+            }, null, 8, ["pageContext", "property"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(designProperty.value.title), 1)
+            ], 64))
+          ], 4)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
           createVNode(_component_OrganizationInput, {

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeStyle, toDisplayString } from "vue";
 import { formatVariableValue } from "../../../../utils/page-helper-util.js";
-import { handleEvent } from "../../../../utils/events/event-util.js";
+import { handleFormEvent } from "../../../../utils/events/event-util.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "divider-runtime",
   props: {
@@ -26,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         direction: designProperty.value.direction,
         "border-style": designProperty.value.borderType,
         "content-position": designProperty.value.titlePosition,
-        onClick: _cache[0] || (_cache[0] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
+        onClick: _cache[0] || (_cache[0] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
       }, {
         default: withCtx(() => [
           createElementVNode("div", {

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

@@ -1,7 +1,8 @@
-import { defineComponent, computed, ref, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode } from "vue";
+import { defineComponent, computed, ref, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode, createVNode } from "vue";
 import { getFormModelFields } from "../../../../utils/page-init-util.js";
 import { getVariableValue, setVariableValue } from "../../../../utils/page-helper-util.js";
-import { handleEvent } from "../../../../utils/events/event-util.js";
+import { handleFormEvent } from "../../../../utils/events/event-util.js";
+import _sfc_main$1 from "../common/title-suffix-element.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "input-number-runtime",
   props: {
@@ -38,7 +39,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
             key: 0,
             style: normalizeStyle({ ...unref(headerStyle) })
-          }, toDisplayString(designProperty.value.title), 5)) : createCommentVNode("", true)
+          }, [
+            designProperty.value.prefixType ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              pageContext: _ctx.pageContext,
+              property: designProperty.value
+            }, null, 8, ["pageContext", "property"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(designProperty.value.title), 1)
+            ], 64))
+          ], 4)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
           createVNode(_component_el_input_number, {
@@ -53,9 +62,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             step: designProperty.value.step,
             min: designProperty.value.min,
             max: designProperty.value.max,
-            onChange: _cache[1] || (_cache[1] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "change")),
-            onBlur: _cache[2] || (_cache[2] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "blur")),
-            onFocus: _cache[3] || (_cache[3] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "focus"))
+            onChange: _cache[1] || (_cache[1] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "change")),
+            onBlur: _cache[2] || (_cache[2] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "blur")),
+            onFocus: _cache[3] || (_cache[3] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "focus"))
           }, null, 8, ["disabled", "readonly", "controls", "size", "placeholder", "modelValue", "precision", "step", "min", "max"])
         ]),
         _: 1

package/dist/es/components/runtime/views/assemblys/form/input-text/inputtext-runtime.vue2.js

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, watch, resolveComponent, openBlock, cre
 import { SuperIcon } from "agilebuilder-ui";
 import { getFormModelFields } from "../../../../utils/page-init-util.js";
 import { getVariableValue, setVariableValue } from "../../../../utils/page-helper-util.js";
-import { handleEvent } from "../../../../utils/events/event-util.js";
+import { handleFormEvent } from "../../../../utils/events/event-util.js";
 import { formatScanRuleSets, analysisScanValue, setScanAnalysisValue } from "../../../../utils/form/scan-util.js";
 import _sfc_main$1 from "../common/title-suffix-element.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -93,12 +93,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             maxlength: designProperty.value.maxLength,
             "show-word-limit": designProperty.value.showInputNum,
             modelValue: dynamicModelMethod.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event),
-            onInput: _cache[1] || (_cache[1] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "input")),
-            onChange: _cache[2] || (_cache[2] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "change")),
-            onBlur: _cache[3] || (_cache[3] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "blur")),
-            onFocus: _cache[4] || (_cache[4] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "focus")),
-            onClick: _cache[5] || (_cache[5] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dynamicModelMethod.value = $event),
+            onInput: _cache[5] || (_cache[5] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "input")),
+            onChange: _cache[6] || (_cache[6] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "change")),
+            onBlur: _cache[7] || (_cache[7] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "blur")),
+            onFocus: _cache[8] || (_cache[8] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "focus")),
+            onClick: _cache[9] || (_cache[9] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
           }, createSlots({ _: 2 }, [
             designProperty.value.iconPosition != "outer" && (designProperty.value.preIconType && designProperty.value.preIconValue || designProperty.value.preText) ? {
               name: "prefix",
@@ -106,7 +106,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 designProperty.value.preIconType && designProperty.value.preIconValue ? (openBlock(), createBlock(unref(SuperIcon), {
                   key: 0,
                   iconType: designProperty.value.preIconType,
-                  iconValue: designProperty.value.preIconValue
+                  iconValue: designProperty.value.preIconValue,
+                  onClick: _cache[0] || (_cache[0] = ($event) => unref(handleFormEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "prefixClick"))
                 }, null, 8, ["iconType", "iconValue"])) : createCommentVNode("", true),
                 createTextVNode(" " + toDisplayString(designProperty.value.preText), 1)
               ]),
@@ -118,7 +119,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 designProperty.value.preIconType && designProperty.value.preIconValue ? (openBlock(), createBlock(unref(SuperIcon), {
                   key: 0,
                   iconType: designProperty.value.preIconType,
-                  iconValue: designProperty.value.preIconValue
+                  iconValue: designProperty.value.preIconValue,
+                  onClick: _cache[1] || (_cache[1] = ($event) => unref(handleFormEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "prefixClick"))
                 }, null, 8, ["iconType", "iconValue"])) : createCommentVNode("", true),
                 createTextVNode(" " + toDisplayString(designProperty.value.preText), 1)
               ]),
@@ -130,7 +132,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 designProperty.value.sufIconType && designProperty.value.sufIconValue ? (openBlock(), createBlock(unref(SuperIcon), {
                   key: 0,
                   iconType: designProperty.value.sufIconType,
-                  iconValue: designProperty.value.sufIconValue
+                  iconValue: designProperty.value.sufIconValue,
+                  onClick: _cache[2] || (_cache[2] = ($event) => unref(handleFormEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "suffixClick"))
                 }, null, 8, ["iconType", "iconValue"])) : createCommentVNode("", true),
                 createTextVNode(" " + toDisplayString(designProperty.value.sufText), 1)
               ]),
@@ -142,7 +145,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 designProperty.value.sufIconType && designProperty.value.sufIconValue ? (openBlock(), createBlock(unref(SuperIcon), {
                   key: 0,
                   iconType: designProperty.value.sufIconType,
-                  iconValue: designProperty.value.sufIconValue
+                  iconValue: designProperty.value.sufIconValue,
+                  onClick: _cache[3] || (_cache[3] = ($event) => unref(handleFormEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "suffixClick"))
                 }, null, 8, ["iconType", "iconValue"])) : createCommentVNode("", true),
                 createTextVNode(" " + toDisplayString(designProperty.value.sufText), 1)
               ]),

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

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, resolveComponent, openBlock, createBloc
 import { getFormModelFields } from "../../../../utils/page-init-util.js";
 import { queryOptions, formatVariableValue, formatValueByType } from "../../../../utils/page-helper-util.js";
 import { SuperIcon } from "agilebuilder-ui";
-import { handleEvent } from "../../../../utils/events/event-util.js";
+import { handleFormEvent } from "../../../../utils/events/event-util.js";
 const _hoisted_1 = { style: { "overflow": "hidden", "white-space": "nowrap" } };
 const _hoisted_2 = ["title"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -76,7 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createElementVNode("div", {
             style: { "display": "flex", "width": "100%", "justify-content": "space-between" },
-            onClick: _cache[0] || (_cache[0] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
+            onClick: _cache[0] || (_cache[0] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
           }, [
             createElementVNode("span", _hoisted_1, [
               designProperty.value.preIconValue || designProperty.value.preText ? (openBlock(), createElementBlock("span", {
@@ -111,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, 8, ["required", "class", "label-width", "style"])) : (openBlock(), createElementBlock("span", {
         key: 1,
         style: { "display": "flex", "justify-content": "space-between" },
-        onClick: _cache[1] || (_cache[1] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
+        onClick: _cache[1] || (_cache[1] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
       }, [
         createElementVNode("span", {
           style: { "overflow": "hidden", "white-space": "nowrap" },

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode, createTextVNode } from "vue";
 import { getFormModelFields } from "../../../../utils/page-init-util.js";
 import { formatVariableValue } from "../../../../utils/page-helper-util.js";
-import { handleEvent } from "../../../../utils/events/event-util.js";
+import { handleFormEvent } from "../../../../utils/events/event-util.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "link-runtime",
   props: {
@@ -58,7 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 disabled: designProperty.value.state === "disabled",
                 type: designProperty.value.type,
                 underline: designProperty.value.underline,
-                onClick: _cache[0] || (_cache[0] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
+                onClick: _cache[0] || (_cache[0] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(dynamicValue.value), 1)

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

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode, Fragment, renderList } from "vue";
 import { getVariableValue, setVariableValue, getOptionDatasFromPage, autoSetAfterSelect, queryOptionDatasources } from "../../../../utils/page-helper-util.js";
 import { getFormModelFields } from "../../../../utils/page-init-util.js";
-import { handleEvent } from "../../../../utils/events/event-util.js";
+import { handleFormEvent } from "../../../../utils/events/event-util.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "radio-runtime",
   props: {
@@ -106,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         autoSetAfterSelect(props.configure, props.pageContext, autoSets, selItems);
       }
-      handleEvent(value, props.pageContext, props.configure, "change");
+      handleFormEvent(value, props.pageContext, props.configure, "change");
     }
     function updateOptions(newOptions) {
       listOptions.value = newOptions ? newOptions : [];
@@ -144,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   key: item.value,
                   value: item.value,
                   label: item.label,
-                  onClick: ($event) => unref(handleEvent)(item.value, _ctx.pageContext, _ctx.configure, "click", { values: dynamicModelMethod.value })
+                  onClick: ($event) => unref(handleFormEvent)(item.value, _ctx.pageContext, _ctx.configure, "click", { values: dynamicModelMethod.value })
                 }, null, 8, ["value", "label", "onClick"]);
               }), 128))
             ]),

package/dist/es/components/runtime/views/assemblys/form/rich-text/richtext-runtime.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createElementVNode } from "vue";
+import { defineComponent, ref, watch, onMounted, onBeforeUnmount, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createElementVNode } from "vue";
 import { getFormModelFields } from "../../../../utils/page-init-util.js";
 import { formatVariableValue, setVariableValue } from "../../../../utils/page-helper-util.js";
 import Quill from "quill";
 import "quill/dist/quill.snow.css";
-import { handleEvent } from "../../../../utils/events/event-util.js";
+import { handleFormEvent } from "../../../../utils/events/event-util.js";
 import http from "agilebuilder-ui/src/utils/request";
 const _hoisted_1 = { style: { "width": "100%", "height": "100%" } };
 const _hoisted_2 = {
@@ -44,6 +44,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "32px",
       "36px"
     ];
+    let hisState = designProperty.value.state;
+    function checkReadonly(state) {
+      return state == "readonly" || state == "disabled";
+    }
+    const initReadonly = checkReadonly(hisState);
     const option = ref({
       modules: {
         toolbar: [
@@ -76,21 +81,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]
       },
       theme: "snow",
-      placeholder: designProperty.value.placeholder,
-      readOnly: designProperty.value.state == "readonly"
+      placeholder: initReadonly ? "" : designProperty.value.placeholder,
+      readOnly: initReadonly
+    });
+    watch(designProperty.value, () => {
+      const newState = designProperty.value.state;
+      if (newState != void 0 && newState !== hisState) {
+        hisState = newState;
+        const isReadonly = checkReadonly(hisState);
+        if (quill.value) {
+          quill.value.enable(!isReadonly);
+          quill.value.root.dataset.placeholder = isReadonly ? "" : designProperty.value.placeholder;
+        }
+      }
     });
     function updateEditorHeight() {
-      if (quill.value && quill.value) {
-        if (quill.value.container) {
-          const parentNode = quill.value.container.parentNode;
-          const parentRect = parentNode.getBoundingClientRect();
-          const thisRect = quill.value.container.getBoundingClientRect();
-          let newHeight = parentRect.height - (thisRect.top - parentRect.top);
-          if (newHeight < 100) {
-            newHeight = 100;
-          }
-          quill.value.container.style.height = newHeight + "px";
+      if (quill.value && quill.value.container) {
+        const parentNode = quill.value.container.parentNode;
+        const parentRect = parentNode.getBoundingClientRect();
+        const thisRect = quill.value.container.getBoundingClientRect();
+        let newHeight = parentRect.height - (thisRect.top - parentRect.top);
+        if (newHeight < 100) {
+          newHeight = 100;
         }
+        quill.value.container.style.height = newHeight + "px";
       }
     }
     const handleUpload = (e) => {
@@ -147,7 +161,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function handleFocusOut(event) {
       var _a;
       if (event.relatedTarget === null || !((_a = quillEditorRef.value) == null ? void 0 : _a.contains(event.relatedTarget))) {
-        handleEvent(quill.value.root.innerHTML, props.pageContext, props.configure, "change", {
+        handleFormEvent(quill.value.root.innerHTML, props.pageContext, props.configure, "change", {
           entity
         });
       }
@@ -164,11 +178,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!baseUrl) {
         baseUrl = window["$vueApp"].config.globalProperties.baseURL;
       }
-      return http.post(
-        baseUrl + "/common/fs-upload/rich-editor-image",
-        params,
-        config
-      );
+      return http.post(baseUrl + "/common/fs-upload/rich-editor-image", params, config);
     }
     function dataURLtoFile(dataurl, filename) {
       let arr = dataurl.split(",");

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

@@ -1,7 +1,8 @@
-import { defineComponent, computed, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode, Fragment, renderList, createElementVNode } from "vue";
+import { defineComponent, computed, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode, createVNode, renderList, createElementVNode } from "vue";
 import { getVariableValue, setVariableValue, getOptionDatasFromPage, queryOptionDatasources, autoSetAfterSelect } from "../../../../utils/page-helper-util.js";
 import { getFormModelFields } from "../../../../utils/page-init-util.js";
-import { handleEvent } from "../../../../utils/events/event-util.js";
+import { handleFormEvent } from "../../../../utils/events/event-util.js";
+import _sfc_main$1 from "../common/title-suffix-element.vue.js";
 const _hoisted_1 = { style: { "float": "left" } };
 const _hoisted_2 = { style: { "float": "right", "color": "var(--el-text-color-secondary)", "font-size": "13px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -130,7 +131,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         autoSetAfterSelect(props.configure, props.pageContext, autoSets, selItems);
       }
-      handleEvent(value, props.pageContext, props.configure, "change");
+      handleFormEvent(value, props.pageContext, props.configure, "change");
     }
     function updateOptions(newOptions) {
       listOptions.value = newOptions ? newOptions : [];
@@ -153,7 +154,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
             key: 0,
             style: normalizeStyle({ ...unref(headerStyle) })
-          }, toDisplayString(designProperty.value.title), 5)) : createCommentVNode("", true)
+          }, [
+            designProperty.value.prefixType ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              pageContext: _ctx.pageContext,
+              property: designProperty.value
+            }, null, 8, ["pageContext", "property"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(designProperty.value.title), 1)
+            ], 64))
+          ], 4)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
           createVNode(_component_el_select, {
@@ -180,7 +189,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   key: item.value,
                   label: item.label,
                   value: item.value,
-                  onClick: ($event) => unref(handleEvent)(item.value, _ctx.pageContext, _ctx.configure, "click", { values: dynamicModelMethod.value })
+                  onClick: ($event) => unref(handleFormEvent)(item.value, _ctx.pageContext, _ctx.configure, "click", { values: dynamicModelMethod.value })
                 }, {
                   default: withCtx(() => [
                     item._description_ ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [

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

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode } from "vue";
 import { getFormModelFields } from "../../../../utils/page-init-util.js";
 import { getVariableValue, setVariableValue } from "../../../../utils/page-helper-util.js";
-import { handleEvent } from "../../../../utils/events/event-util.js";
+import { handleFormEvent } from "../../../../utils/events/event-util.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "switch-runtime",
   props: {
@@ -53,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(unref(switchStyle)),
             modelValue: dynamicModelMethod.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event),
-            onChange: _cache[1] || (_cache[1] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "change"))
+            onChange: _cache[1] || (_cache[1] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "change"))
           }, null, 8, ["disabled", "active-value:", "active-text", "inactive-value", "inactive-text", "width", "size", "style", "modelValue"])
         ]),
         _: 1