super-page-runtime 2.0.19 → 2.0.22

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

@@ -1,5 +1,6 @@
-import { defineComponent, computed, resolveComponent, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeStyle, toDisplayString } from "vue";
+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";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "divider-runtime",
   props: {
@@ -10,7 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
     const headerStyle = runtimeInfo.headerStyle;
-    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
+    const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
     let contentVariable = designProperty.value;
     const dynamicValue = computed(() => {
       if (!contentVariable) {
@@ -22,9 +23,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_divider = resolveComponent("el-divider");
       return openBlock(), createBlock(_component_el_divider, {
-        direction: unref(designProperty).direction,
-        "border-style": unref(designProperty).borderType,
-        "content-position": unref(designProperty).titlePosition
+        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"))
       }, {
         default: withCtx(() => [
           createElementVNode("div", {

package/dist/es/components/runtime/views/assemblys/form/file-upload/fileupload-runtime.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, watch, resolveComponent, unref, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode } from "vue";
+import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode } from "vue";
 import { getVariableValue, setVariableValue } from "../../../../utils/page-helper-util.js";
 import { fileUploadBeforeUpload, fileUploadUploaded, fileUploadBeforeDelete, fileUploadDeleted } from "../../../../utils/events/event-util.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -10,11 +10,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
-    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
+    const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
     const runtimeStyle = runtimeInfo.style;
     const runtimeClass = runtimeInfo.class;
     const headerStyle = runtimeInfo.headerStyle;
-    const fileSetObj = designProperty.fileSetObj;
+    const fileSetObj = designProperty.value.fileSetObj;
     fileSetObj.beforeUpload = beforeUpload;
     fileSetObj.pageContext = props.pageContext;
     fileSetObj.configureObj = props.configure;
@@ -57,24 +57,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_FsUploadList = resolveComponent("FsUploadList");
       const _component_el_form_item = resolveComponent("el-form-item");
-      return unref(designProperty).tittleShow ? (openBlock(), createBlock(_component_el_form_item, {
+      return designProperty.value.tittleShow ? (openBlock(), createBlock(_component_el_form_item, {
         key: 0,
-        required: unref(designProperty).required,
+        required: designProperty.value.required,
         class: normalizeClass(unref(runtimeClass)),
-        "label-width": unref(designProperty).labelWidth,
+        "label-width": designProperty.value.labelWidth,
         style: normalizeStyle(unref(runtimeStyle))
       }, {
         label: withCtx(() => [
-          unref(designProperty).tittleShow ? (openBlock(), createElementBlock("div", {
+          designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
             key: 0,
             style: normalizeStyle({ ...unref(headerStyle) })
-          }, toDisplayString(unref(designProperty).title), 5)) : createCommentVNode("", true)
+          }, toDisplayString(designProperty.value.title), 5)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
           createVNode(_component_FsUploadList, {
-            disabled: unref(designProperty).state == "disabled",
-            fileSetObj: unref(designProperty).fileSetObj,
-            fileInfo: unref(fileInfo),
+            disabled: designProperty.value.state == "disabled",
+            fileSetObj: designProperty.value.fileSetObj,
+            fileInfo: fileInfo.value,
             onUploaded: uploaded,
             onBeforeDelete: beforeDelete,
             onDeleted: deleted
@@ -83,9 +83,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _: 1
       }, 8, ["required", "class", "label-width", "style"])) : (openBlock(), createBlock(_component_FsUploadList, {
         key: 1,
-        disabled: unref(designProperty).state == "disabled",
-        fileSetObj: unref(designProperty).fileSetObj,
-        fileInfo: unref(fileInfo),
+        disabled: designProperty.value.state == "disabled",
+        fileSetObj: designProperty.value.fileSetObj,
+        fileInfo: fileInfo.value,
         onUploaded: uploaded,
         onBeforeDelete: beforeDelete,
         onDeleted: deleted

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, resolveComponent, openBlock, createBlock, unref, normalizeClass, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode } from "vue";
+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";
@@ -24,35 +24,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const runtimeStyle = runtimeInfo.style;
     const runtimeClass = runtimeInfo.class;
     const headerStyle = runtimeInfo.headerStyle;
-    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
+    const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
     return (_ctx, _cache) => {
       const _component_el_input_number = resolveComponent("el-input-number");
       const _component_el_form_item = resolveComponent("el-form-item");
       return openBlock(), createBlock(_component_el_form_item, {
-        required: unref(designProperty).required,
+        required: designProperty.value.required,
         class: normalizeClass(unref(runtimeClass)),
-        "label-width": unref(designProperty).labelWidth,
+        "label-width": designProperty.value.labelWidth,
         style: normalizeStyle(unref(runtimeStyle))
       }, {
         label: withCtx(() => [
-          unref(designProperty).tittleShow ? (openBlock(), createElementBlock("div", {
+          designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
             key: 0,
             style: normalizeStyle({ ...unref(headerStyle) })
-          }, toDisplayString(unref(designProperty).title), 5)) : createCommentVNode("", true)
+          }, toDisplayString(designProperty.value.title), 5)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
           createVNode(_component_el_input_number, {
-            disabled: unref(designProperty).state === "disabled",
-            readonly: unref(designProperty).state === "readonly",
-            controls: unref(designProperty).showButton,
-            size: unref(designProperty).size,
-            placeholder: unref(designProperty).placeholder,
+            disabled: designProperty.value.state === "disabled",
+            readonly: designProperty.value.state === "readonly",
+            controls: designProperty.value.showButton,
+            size: designProperty.value.size,
+            placeholder: designProperty.value.placeholder,
             modelValue: dynamicModelMethod.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event),
-            precision: unref(designProperty).precision,
-            step: unref(designProperty).step,
-            min: unref(designProperty).min,
-            max: unref(designProperty).max,
+            precision: designProperty.value.precision,
+            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"))

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

@@ -1,14 +1,10 @@
-import { defineComponent, computed, resolveComponent, unref, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, createTextVNode } from "vue";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createElementVNode, createTextVNode } from "vue";
 import { getFormModelFields } from "../../../../utils/page-init-util.js";
 import { queryOptions, formatVariableValue, formatValueByType } from "../../../../utils/page-helper-util.js";
 import { SuperIcon } from "agilebuilder-ui";
-const _hoisted_1 = { style: { "display": "flex", "width": "100%", "justify-content": "space-between" } };
-const _hoisted_2 = { style: { "overflow": "hidden", "white-space": "nowrap" } };
-const _hoisted_3 = {
-  key: 1,
-  style: { "display": "flex", "justify-content": "space-between" }
-};
-const _hoisted_4 = ["title"];
+import { handleEvent } from "../../../../utils/events/event-util.js";
+const _hoisted_1 = { style: { "overflow": "hidden", "white-space": "nowrap" } };
+const _hoisted_2 = ["title"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "label-runtime",
   props: {
@@ -24,8 +20,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const headerStyle = runtimeInfo.headerStyle;
     const appendClass = runtimeInfo.appendClass;
     const appendStyle = runtimeInfo.appendStyle;
-    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
-    const listOptions = designProperty.options ? designProperty.options : [];
+    const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
+    const listOptions = designProperty.value.options ? designProperty.value.options : [];
     const dataOrigin = props.configure.props && props.configure.props.dataOrigin ? props.configure.props.dataOrigin : {};
     const valueType = dataOrigin.optionValueSetType;
     if (valueType == "dynamicData" || valueType == "dynamicData" || valueType == "service") {
@@ -35,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         console.log("lable组件查询数据源失败!", error);
       });
     }
-    let contentVariable = designProperty.formatting;
+    let contentVariable = designProperty.value.formatting;
     if (!contentVariable) {
       const propsBase = props.configure.props.base ? props.configure.props.base : {};
       contentVariable = propsBase.prop;
@@ -43,12 +39,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     if (!contentVariable) {
       contentVariable = "${page." + props.configure.uuid + "}";
     }
-    const formatType = designProperty.formatType;
+    const formatType = designProperty.value.formatType;
     const dynamicValue = computed(() => {
       let resultValue = formatVariableValue(props.pageContext, contentVariable);
       console.log("formatType", formatType);
       if (formatType) {
-        if (designProperty.hasOptions) {
+        if (designProperty.value.hasOptions) {
           let selItems = null;
           if (listOptions.value) {
             selItems = listOptions.value.filter((item) => item.value == resultValue);
@@ -57,68 +53,75 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             resultValue = selItems[0].label;
           }
         } else {
-          resultValue = formatValueByType(resultValue, formatType, designProperty);
+          resultValue = formatValueByType(resultValue, formatType, designProperty.value);
         }
       }
       return resultValue == void 0 || resultValue == null ? "" : resultValue;
     });
     return (_ctx, _cache) => {
       const _component_el_form_item = resolveComponent("el-form-item");
-      return unref(designProperty).tittleShow ? (openBlock(), createBlock(_component_el_form_item, {
+      return designProperty.value.tittleShow ? (openBlock(), createBlock(_component_el_form_item, {
         key: 0,
-        required: unref(designProperty).required ? true : false,
+        required: designProperty.value.required ? true : false,
         class: normalizeClass(unref(runtimeClass)),
-        "label-width": unref(designProperty).labelWidth,
+        "label-width": designProperty.value.labelWidth,
         style: normalizeStyle(unref(runtimeStyle))
       }, {
         label: withCtx(() => [
-          unref(designProperty).tittleShow ? (openBlock(), createElementBlock("div", {
+          designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
             key: 0,
             style: normalizeStyle({ ...unref(headerStyle) })
-          }, toDisplayString(unref(designProperty).title), 5)) : createCommentVNode("", true)
+          }, toDisplayString(designProperty.value.title), 5)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode("span", _hoisted_2, [
-              unref(designProperty).preIconValue || unref(designProperty).preText ? (openBlock(), createElementBlock("span", {
+          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"))
+          }, [
+            createElementVNode("span", _hoisted_1, [
+              designProperty.value.preIconValue || designProperty.value.preText ? (openBlock(), createElementBlock("span", {
                 key: 0,
-                class: normalizeClass({ "el-input__suffix": unref(designProperty).iconPosition != "outer", "el-input-group__append": unref(designProperty).iconPosition == "outer" }),
+                class: normalizeClass({ "el-input__suffix": designProperty.value.iconPosition != "outer", "el-input-group__append": designProperty.value.iconPosition == "outer" }),
                 style: normalizeStyle(unref(appendStyle))
               }, [
-                unref(designProperty).preIconType && unref(designProperty).preIconValue ? (openBlock(), createBlock(unref(SuperIcon), {
+                designProperty.value.preIconType && designProperty.value.preIconValue ? (openBlock(), createBlock(unref(SuperIcon), {
                   key: 0,
-                  iconType: unref(designProperty).preIconType,
-                  iconValue: unref(designProperty).preIconValue
+                  iconType: designProperty.value.preIconType,
+                  iconValue: designProperty.value.preIconValue
                 }, null, 8, ["iconType", "iconValue"])) : createCommentVNode("", true),
-                createTextVNode(" " + toDisplayString(unref(designProperty).preText), 1)
+                createTextVNode(" " + toDisplayString(designProperty.value.preText), 1)
               ], 6)) : createCommentVNode("", true),
               createTextVNode("  " + toDisplayString(dynamicValue.value), 1)
             ]),
-            unref(designProperty).sufIconValue || unref(designProperty).sufText ? (openBlock(), createElementBlock("span", {
+            designProperty.value.sufIconValue || designProperty.value.sufText ? (openBlock(), createElementBlock("span", {
               key: 0,
-              class: normalizeClass({ "el-input__suffix": unref(designProperty).iconPosition != "outer", "el-input-group__append": unref(designProperty).iconPosition == "outer" })
+              class: normalizeClass({ "el-input__suffix": designProperty.value.iconPosition != "outer", "el-input-group__append": designProperty.value.iconPosition == "outer" })
             }, [
-              unref(designProperty).sufIconType && unref(designProperty).sufIconValue ? (openBlock(), createBlock(unref(SuperIcon), {
+              designProperty.value.sufIconType && designProperty.value.sufIconValue ? (openBlock(), createBlock(unref(SuperIcon), {
                 key: 0,
                 style: {},
-                iconType: unref(designProperty).sufIconType,
-                iconValue: unref(designProperty).sufIconValue
+                iconType: designProperty.value.sufIconType,
+                iconValue: designProperty.value.sufIconValue
               }, null, 8, ["iconType", "iconValue"])) : createCommentVNode("", true),
-              createElementVNode("span", null, " " + toDisplayString(unref(designProperty).sufText), 1)
+              createElementVNode("span", null, " " + toDisplayString(designProperty.value.sufText), 1)
             ], 2)) : createCommentVNode("", true)
           ])
         ]),
         _: 1
-      }, 8, ["required", "class", "label-width", "style"])) : (openBlock(), createElementBlock("span", _hoisted_3, [
+      }, 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"))
+      }, [
         createElementVNode("span", {
           style: { "overflow": "hidden", "white-space": "nowrap" },
           title: dynamicValue.value
-        }, toDisplayString(unref(designProperty).prefixIcon) + " " + toDisplayString(dynamicValue.value), 9, _hoisted_4),
-        unref(designProperty).suffixTxt ? (openBlock(), createElementBlock("span", {
+        }, toDisplayString(designProperty.value.prefixIcon) + " " + toDisplayString(dynamicValue.value) + "222", 9, _hoisted_2),
+        designProperty.value.suffixTxt ? (openBlock(), createElementBlock("span", {
           key: 0,
           class: normalizeClass(unref(appendClass)),
           style: normalizeStyle(unref(appendStyle))
-        }, toDisplayString(unref(designProperty).suffixTxt), 7)) : createCommentVNode("", true)
+        }, toDisplayString(designProperty.value.suffixTxt) + "222", 7)) : createCommentVNode("", true)
       ]));
     };
   }

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode, createTextVNode } from "vue";
+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";
@@ -15,8 +15,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const runtimeStyle = runtimeInfo.style;
     const runtimeClass = runtimeInfo.class;
     const headerStyle = runtimeInfo.headerStyle;
-    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
-    let contentVariable = designProperty.formatting;
+    const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
+    let contentVariable = designProperty.value.formatting;
     if (!contentVariable) {
       const propsBase = props.configure.props.base ? props.configure.props.base : {};
       contentVariable = propsBase.prop;
@@ -28,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const resultValue = formatVariableValue(props.pageContext, contentVariable);
       return resultValue == void 0 || resultValue == null ? "" : resultValue;
     });
-    let tooltipVariable = designProperty.tooltip;
+    let tooltipVariable = designProperty.value.tooltip;
     const tooltipValue = computed(() => {
       const resultValue = formatVariableValue(props.pageContext, tooltipVariable);
       return resultValue == void 0 || resultValue == null ? "" : resultValue;
@@ -39,14 +39,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_form_item = resolveComponent("el-form-item");
       return openBlock(), createBlock(_component_el_form_item, {
         class: normalizeClass(unref(runtimeClass)),
-        "label-width": unref(designProperty).labelWidth,
+        "label-width": designProperty.value.labelWidth,
         style: normalizeStyle(unref(runtimeStyle))
       }, {
         label: withCtx(() => [
-          unref(designProperty).tittleShow ? (openBlock(), createElementBlock("div", {
+          designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
             key: 0,
             style: normalizeStyle({ ...unref(headerStyle) })
-          }, toDisplayString(unref(designProperty).title), 5)) : createCommentVNode("", true)
+          }, toDisplayString(designProperty.value.title), 5)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
           createVNode(_component_el_tooltip, {
@@ -55,9 +55,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               createVNode(_component_el_link, {
-                disabled: unref(designProperty).state === "disabled",
-                type: unref(designProperty).type,
-                underline: unref(designProperty).underline,
+                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"))
               }, {
                 default: withCtx(() => [

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, resolveComponent, openBlock, createBlock, unref, normalizeClass, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode, Fragment, renderList } from "vue";
+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";
@@ -24,8 +24,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const runtimeStyle = runtimeInfo.style;
     const runtimeClass = runtimeInfo.class;
     const headerStyle = runtimeInfo.headerStyle;
-    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
-    const listOptions = ref(designProperty.options ? designProperty.options : []);
+    const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
+    const listOptions = ref(designProperty.value.options ? designProperty.value.options : []);
     const cacheOptions = getOptionDatasFromPage(props.pageContext, props.configure);
     if (cacheOptions.length > 0) {
       listOptions.value = cacheOptions;
@@ -48,8 +48,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         target: props.configure.props.base.optionProp
       });
     }
-    designProperty.changeMethod = optionChange;
-    const monitorFields = designProperty.monitorFields;
+    designProperty.value.changeMethod = optionChange;
+    const monitorFields = designProperty.value.monitorFields;
     const monitorFieldInfos = [];
     if (monitorFields) {
       const preFields = [];
@@ -80,7 +80,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     let initMonitorValue = getMonitorFieldValues();
     let monitorTimeout = false;
-    const optionconfigInfo = designProperty.optionconfigInfo ? designProperty.optionconfigInfo : {};
+    const optionconfigInfo = designProperty.value.optionconfigInfo ? designProperty.value.optionconfigInfo : {};
     function monitorFieldChange() {
       if (monitorTimeout) {
         clearTimeout(monitorTimeout);
@@ -119,22 +119,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_radio_group = resolveComponent("el-radio-group");
       const _component_el_form_item = resolveComponent("el-form-item");
       return openBlock(), createBlock(_component_el_form_item, {
-        required: unref(designProperty).required,
+        required: designProperty.value.required,
         class: normalizeClass(unref(runtimeClass)),
-        "label-width": unref(designProperty).labelWidth,
+        "label-width": designProperty.value.labelWidth,
         style: normalizeStyle(unref(runtimeStyle))
       }, {
         label: withCtx(() => [
-          unref(designProperty).tittleShow ? (openBlock(), createElementBlock("div", {
+          designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
             key: 0,
             style: normalizeStyle({ ...unref(headerStyle) })
-          }, toDisplayString(unref(designProperty).title), 5)) : createCommentVNode("", true)
+          }, toDisplayString(designProperty.value.title), 5)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
           createVNode(_component_el_radio_group, {
-            disabled: unref(designProperty).state === "disabled",
-            size: unref(designProperty).size,
-            onChange: 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)
           }, {

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

@@ -1,9 +1,10 @@
-import { defineComponent, ref, onMounted, resolveComponent, unref, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createElementVNode } from "vue";
+import { defineComponent, ref, 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 http from "agilebuilder-ui/src/utils/request";
 const _hoisted_1 = { style: { "width": "100%", "height": "100%" } };
 const _hoisted_2 = {
   key: 1,
@@ -24,13 +25,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const runtimeStyle = runtimeInfo.style;
     const runtimeClass = runtimeInfo.class;
     const headerStyle = runtimeInfo.headerStyle;
-    const designProperty = runtimeInfo.props ? runtimeInfo.props : {};
+    const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
     let contentVariable = designProperty.value;
     const initValue = formatVariableValue(props.pageContext, contentVariable);
     const quillEditorRef = ref(null);
     const quill = ref(null);
     const fileBtn = ref(null);
-    const fontSize = ["12px", "13px", "14px", "15px", "16px", "18px", "20px", "24px", "28px", "32px", "36px"];
+    const fontSize = [
+      "12px",
+      "13px",
+      "14px",
+      "15px",
+      "16px",
+      "18px",
+      "20px",
+      "24px",
+      "28px",
+      "32px",
+      "36px"
+    ];
     const option = ref({
       modules: {
         toolbar: [
@@ -63,28 +76,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]
       },
       theme: "snow",
-      placeholder: designProperty.placeholder,
-      readOnly: designProperty.state == "readonly"
+      placeholder: designProperty.value.placeholder,
+      readOnly: designProperty.value.state == "readonly"
     });
-    function updateEditorHeight() {
-      if (quill && 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";
-        }
-      }
-    }
-    const imgHandler = (state) => {
-      if (fileBtn.value && state) {
-        fileBtn.value.click();
-      }
-    };
     const handleUpload = (e) => {
       const files = Array.prototype.slice.call(e.target.files);
       if (!files) {
@@ -95,34 +89,92 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       alert("TODO:上传图片");
     };
     onMounted(() => {
+      var _a;
       quill.value = new Quill(quillEditorRef.value, option.value);
-      quill.value.getModule("toolbar").addHandler("image", imgHandler);
-      quill.value.on("text-change", function(delta, oldDelta, source) {
-        if (window.updateQuillTimeout) {
-          clearTimeout(window.updateQuillTimeout);
+      (_a = quillEditorRef.value) == null ? void 0 : _a.addEventListener("focusout", handleFocusOut);
+      quill.value.on("text-change", async function(delta, oldDelta, source) {
+        if (delta.ops && delta.ops.length > 0) {
+          for (let i = 0; i < delta.ops.length; i++) {
+            const ops = delta.ops[i];
+            if (ops.insert && ops.insert.image) {
+              const dataurl = ops.insert.image;
+              if (!dataurl.startsWith("data:image")) {
+                return;
+              }
+              const file = dataURLtoFile(dataurl, "image.png");
+              await uploadImage(file).then((res) => {
+                if (!quill.value) {
+                  return;
+                }
+                const images = quill.value.root.getElementsByTagName("img");
+                if (images && images.length > 0) {
+                  for (let i2 = 0; i2 < images.length; i2++) {
+                    const img = images[i2];
+                    if (img.src === dataurl) {
+                      img.src = res.url;
+                    }
+                  }
+                }
+              }).catch((err) => {
+                console.error(err, "上传图片失败");
+              });
+            }
+          }
         }
-        window.updateQuillTimeout = setTimeout(function() {
-          setVariableValue(entity, dynamicFields, quill.value.root.innerHTML);
-          handleEvent(quill.value.root.innerHTML, props.pageContext, props.configure, "change", { entity });
-          console.log("new entity", entity);
-        }, 1e3);
+        setVariableValue(entity, dynamicFields, quill.value.root.innerHTML);
       });
-      updateEditorHeight();
+      updateEditorHeibusght();
     });
+    onBeforeUnmount(() => {
+      if (quillEditorRef.value) {
+        quillEditorRef.value.removeEventListener("focusout", handleFocusOut);
+      }
+    });
+    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", {
+          entity
+        });
+      }
+    }
+    function uploadImage(blob) {
+      const params = new FormData();
+      params.append("file", blob);
+      const config = {
+        headers: {
+          "Content-Type": "multipart/form-data"
+        }
+      };
+      return http.post(
+        window.$vueApp.config.globalProperties.baseURL + "/common/fs-upload/rich-editor-image",
+        params,
+        config
+      );
+    }
+    function dataURLtoFile(dataurl, filename) {
+      let arr = dataurl.split(",");
+      let mime = arr[0].match(/:(.*?);/)[1];
+      let bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
+      while (n--) {
+        u8arr[n] = bstr.charCodeAt(n);
+      }
+      return new File([u8arr], filename, { type: mime });
+    }
     return (_ctx, _cache) => {
       const _component_el_form_item = resolveComponent("el-form-item");
-      return unref(designProperty).tittleShow ? (openBlock(), createBlock(_component_el_form_item, {
+      return designProperty.value.tittleShow ? (openBlock(), createBlock(_component_el_form_item, {
         key: 0,
-        required: unref(designProperty).required,
+        required: designProperty.value.required,
         class: normalizeClass(unref(runtimeClass)),
-        "label-width": unref(designProperty).labelWidth,
+        "label-width": designProperty.value.labelWidth,
         style: normalizeStyle(unref(runtimeStyle))
       }, {
         label: withCtx(() => [
-          unref(designProperty).tittleShow ? (openBlock(), createElementBlock("div", {
+          designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
             key: 0,
             style: normalizeStyle({ ...unref(headerStyle) })
-          }, toDisplayString(unref(designProperty).title), 5)) : createCommentVNode("", true)
+          }, toDisplayString(designProperty.value.title), 5)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [