super-page-runtime 3.0.3 → 3.0.5-beta1

package/dist/lib/components/runtime/views/assemblys/form/radio/radio-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: "radio-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,10 +49,8 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         target: props.configure.props.base.optionProp
       });
     }
-    if (autoSets.length > 0) {
-      designProperty.changeMethod = optionChange;
-    }
-    const monitorFields = designProperty.monitorFields;
+    designProperty.value.changeMethod = optionChange;
+    const monitorFields = designProperty.value.monitorFields;
     const monitorFieldInfos = [];
     if (monitorFields) {
       const preFields = [];
@@ -82,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ Vue.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);
@@ -99,13 +98,16 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       }, 200);
     }
     function optionChange(value) {
-      let selItems = null;
-      if (listOptions.value && value != void 0 && value != null) {
-        selItems = listOptions.value.filter((item) => {
-          return value === item.value;
-        });
+      if (autoSets.length > 0) {
+        let selItems = null;
+        if (listOptions.value && value != void 0 && value != null) {
+          selItems = listOptions.value.filter((item) => {
+            return 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 : [];
@@ -118,22 +120,22 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       const _component_el_radio_group = Vue.resolveComponent("el-radio-group");
       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_el_radio_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)
           }, {
@@ -142,8 +144,9 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
                 return Vue.openBlock(), Vue.createBlock(_component_el_radio, {
                   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/rich-text/richtext-runtime.vue2.js

@@ -4,6 +4,8 @@ const pageInitUtil = require("../../../../utils/page-init-util.js");
 const pageHelperUtil = require("../../../../utils/page-helper-util.js");
 require("../../../../../../node_modules/.pnpm/quill@2.0.2/node_modules/quill/quill.js");
 ;/* empty css                                                                                       */
+const eventUtil = require("../../../../utils/events/event-util.js");
+const request = 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/quill@2.0.2/node_modules/quill/core.js");
 const quill = require("../../../../../../node_modules/.pnpm/quill@2.0.2/node_modules/quill/core/quill.js");
 const _hoisted_1 = { style: { "width": "100%", "height": "100%" } };
@@ -26,13 +28,25 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const runtimeStyle = runtimeInfo.style;
     const runtimeClass = runtimeInfo.class;
     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 initValue = pageHelperUtil.formatVariableValue(props.pageContext, contentVariable);
     const quillEditorRef = Vue.ref(null);
     const quill$1 = Vue.ref(null);
     const fileBtn = Vue.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 = Vue.ref({
       modules: {
         toolbar: [
@@ -65,11 +79,11 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         ]
       },
       theme: "snow",
-      placeholder: designProperty.placeholder,
-      readOnly: designProperty.state == "readonly"
+      placeholder: designProperty.value.placeholder,
+      readOnly: designProperty.value.state == "readonly"
     });
     function updateEditorHeight() {
-      if (quill$1 && quill$1.value) {
+      if (quill$1.value && quill$1.value) {
         if (quill$1.value.container) {
           const parentNode = quill$1.value.container.parentNode;
           const parentRect = parentNode.getBoundingClientRect();
@@ -82,11 +96,6 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         }
       }
     }
-    const imgHandler = (state) => {
-      if (fileBtn.value && state) {
-        fileBtn.value.click();
-      }
-    };
     const handleUpload = (e) => {
       const files = Array.prototype.slice.call(e.target.files);
       if (!files) {
@@ -97,33 +106,96 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       alert("TODO:上传图片");
     };
     Vue.onMounted(() => {
+      var _a;
       quill$1.value = new quill.default(quillEditorRef.value, option.value);
-      quill$1.value.getModule("toolbar").addHandler("image", imgHandler);
-      quill$1.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$1.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$1.value) {
+                  return;
+                }
+                const images = quill$1.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() {
-          pageHelperUtil.setVariableValue(entity, dynamicFields, quill$1.value.root.innerHTML);
-          console.log("new entity", entity);
-        }, 1e3);
+        pageHelperUtil.setVariableValue(entity, dynamicFields, quill$1.value.root.innerHTML);
       });
       updateEditorHeight();
     });
+    Vue.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))) {
+        eventUtil.handleEvent(quill$1.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"
+        }
+      };
+      let baseUrl = props.pageContext.backendUrl;
+      if (!baseUrl) {
+        baseUrl = window["$vueApp"].config.globalProperties.baseURL;
+      }
+      return request.post(
+        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 = Vue.resolveComponent("el-form-item");
-      return Vue.unref(designProperty).tittleShow ? (Vue.openBlock(), Vue.createBlock(_component_el_form_item, {
+      return designProperty.value.tittleShow ? (Vue.openBlock(), Vue.createBlock(_component_el_form_item, {
         key: 0,
-        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.createElementVNode("div", _hoisted_1, [

package/dist/lib/components/runtime/views/assemblys/form/select/select-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 _hoisted_1 = { style: { "float": "left" } };
 const _hoisted_2 = { style: { "float": "right", "color": "var(--el-text-color-secondary)", "font-size": "13px" } };
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
@@ -26,8 +27,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;
@@ -36,14 +37,14 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const dataOrigin = props.configure.props && props.configure.props.dataOrigin ? props.configure.props.dataOrigin : {};
     const valueType = dataOrigin.optionValueSetType;
     let autoSets = [];
-    const optionconfigInfo = designProperty.optionconfigInfo ? designProperty.optionconfigInfo : {};
+    const optionconfigInfo = designProperty.value.optionconfigInfo ? designProperty.value.optionconfigInfo : {};
     if (valueType == "dynamicData" || valueType == "dataTable" || valueType == "service") {
       if (dataOrigin.filterType == "remote") {
-        designProperty.filterable = true;
-        designProperty.remote = true;
-        designProperty.remoteShowSuffix = true;
+        designProperty.value.filterable = true;
+        designProperty.value.remote = true;
+        designProperty.value.remoteShowSuffix = true;
         let hisQuery = void 0;
-        designProperty.remoteMethod = function(query) {
+        designProperty.value.remoteMethod = function(query) {
           if (hisQuery === query) {
             return;
           }
@@ -72,10 +73,8 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         target: props.configure.props.base.optionProp
       });
     }
-    if (autoSets.length > 0) {
-      designProperty.changeMethod = optionChange;
-    }
-    const monitorFields = designProperty.monitorFields;
+    designProperty.value.changeMethod = optionChange;
+    const monitorFields = designProperty.value.monitorFields;
     const monitorFieldInfos = [];
     if (monitorFields) {
       const preFields = [];
@@ -123,13 +122,16 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       }, 200);
     }
     function optionChange(value) {
-      let selItems = null;
-      if (listOptions.value && value != void 0 && value != null) {
-        selItems = listOptions.value.filter((item) => {
-          return Array.isArray(value) ? value.includes(item.value) : value === item.value;
-        });
+      if (autoSets.length > 0) {
+        let selItems = null;
+        if (listOptions.value && value != void 0 && value != null) {
+          selItems = listOptions.value.filter((item) => {
+            return Array.isArray(value) ? value.includes(item.value) : value === item.value;
+          });
+        }
+        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 : [];
@@ -143,33 +145,33 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       const _component_el_select = Vue.resolveComponent("el-select");
       const _component_el_form_item = Vue.resolveComponent("el-form-item");
       return Vue.openBlock(), Vue.createBlock(_component_el_form_item, {
-        required: Vue.unref(designProperty).required ? true : false,
+        required: designProperty.value.required ? true : false,
         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_select, {
-            disabled: Vue.unref(designProperty).state === "disabled",
-            size: Vue.unref(designProperty).size,
-            clearable: Vue.unref(designProperty).clearable,
-            multiple: Vue.unref(designProperty).multiple,
-            "collapse-tags": Vue.unref(designProperty).collapseTags,
-            "collapse-tags-tooltip": Vue.unref(designProperty).collapseTagsTooltip,
-            filterable: Vue.unref(designProperty).filterable,
-            "allow-create": Vue.unref(designProperty).allowCreate,
-            placeholder: Vue.unref(designProperty).placeholder,
-            "remote-show-suffix": Vue.unref(designProperty).remoteShowSuffix,
-            remote: Vue.unref(designProperty).remote,
-            "remote-method": Vue.unref(designProperty).remoteMethod,
+            disabled: designProperty.value.state === "disabled",
+            size: designProperty.value.size,
+            clearable: designProperty.value.clearable,
+            multiple: designProperty.value.multiple,
+            "collapse-tags": designProperty.value.collapseTags,
+            "collapse-tags-tooltip": designProperty.value.collapseTagsTooltip,
+            filterable: designProperty.value.filterable,
+            "allow-create": designProperty.value.allowCreate,
+            placeholder: designProperty.value.placeholder,
+            "remote-show-suffix": designProperty.value.remoteShowSuffix,
+            remote: designProperty.value.remote,
+            "remote-method": designProperty.value.remoteMethod,
             loading: queryLoadingFlag.value,
-            onChange: Vue.unref(designProperty).changeMethod,
+            onChange: designProperty.value.changeMethod,
             modelValue: dynamicModelMethod.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event)
           }, {
@@ -178,7 +180,8 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
                 return Vue.openBlock(), Vue.createBlock(_component_el_option, {
                   key: item.value,
                   label: item.label,
-                  value: item.value
+                  value: item.value,
+                  onClick: ($event) => Vue.unref(eventUtil.handleEvent)(item.value, _ctx.pageContext, _ctx.configure, "click", { values: dynamicModelMethod.value })
                 }, {
                   default: Vue.withCtx(() => [
                     item._description_ ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 0 }, [
@@ -187,7 +190,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
                     ], 64)) : Vue.createCommentVNode("", true)
                   ]),
                   _: 2
-                }, 1032, ["label", "value"]);
+                }, 1032, ["label", "value", "onClick"]);
               }), 128))
             ]),
             _: 1

package/dist/lib/components/runtime/views/assemblys/form/separatelabel/separatelabel-runtime.vue.js

@@ -0,0 +1,3 @@
+"use strict";
+const separatelabelRuntime_vue_vue_type_script_setup_true_lang = require("./separatelabel-runtime.vue2.js");
+module.exports = separatelabelRuntime_vue_vue_type_script_setup_true_lang;

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

@@ -0,0 +1,41 @@
+"use strict";
+const Vue = require("vue");
+const superUi = require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.26_vue@3.4.21/node_modules/agilebuilder-ui/lib/super-ui.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "separatelabel-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const thisRef = Vue.ref(null);
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    __expose({});
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle)),
+        class: Vue.normalizeClass([Vue.unref(runtimeClass), "amb-widget-separatelabel"]),
+        ref_key: "thisRef",
+        ref: thisRef
+      }, [
+        Vue.createElementVNode("div", {
+          class: "label",
+          style: Vue.normalizeStyle(Vue.unref(headerStyle))
+        }, [
+          _ctx.configure.props.iconType && _ctx.configure.props.iconValue ? (Vue.openBlock(), Vue.createBlock(Vue.unref(superUi.SuperIcon), {
+            key: 0,
+            iconType: _ctx.configure.props.iconType,
+            iconValue: _ctx.configure.props.iconValue,
+            style: { "margin-right": "2px" }
+          }, null, 8, ["iconType", "iconValue"])) : Vue.createCommentVNode("", true),
+          Vue.createTextVNode(" " + Vue.toDisplayString(_ctx.configure.props.base.title), 1)
+        ], 4)
+      ], 6);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -2,6 +2,7 @@
 const Vue = require("vue");
 const pageInitUtil = require("../../../../utils/page-init-util.js");
 const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "switch-runtime",
   props: {
@@ -24,35 +25,36 @@ 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 : {});
     const switchStyle = runtimeInfo.switchStyle;
     return (_ctx, _cache) => {
       const _component_el_switch = Vue.resolveComponent("el-switch");
       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_el_switch, {
-            disabled: Vue.unref(designProperty).state === "disabled",
-            "active-value:": Vue.unref(designProperty).activeValue,
-            "active-text": Vue.unref(designProperty).activeText,
-            "inactive-value": Vue.unref(designProperty).inactiveValue,
-            "inactive-text": Vue.unref(designProperty).inactiveText,
-            width: Vue.unref(designProperty).offOnWidth,
-            size: Vue.unref(designProperty).size,
+            disabled: designProperty.value.state === "disabled",
+            "active-value:": designProperty.value.activeValue,
+            "active-text": designProperty.value.activeText,
+            "inactive-value": designProperty.value.inactiveValue,
+            "inactive-text": designProperty.value.inactiveText,
+            width: designProperty.value.offOnWidth,
+            size: designProperty.value.size,
             style: Vue.normalizeStyle(Vue.unref(switchStyle)),
             modelValue: dynamicModelMethod.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event)
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event),
+            onChange: _cache[1] || (_cache[1] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "change"))
           }, null, 8, ["disabled", "active-value:", "active-text", "inactive-value", "inactive-text", "width", "size", "style", "modelValue"])
         ]),
         _: 1

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

@@ -2,6 +2,7 @@
 const Vue = require("vue");
 const pageInitUtil = require("../../../../utils/page-init-util.js");
 const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "tag-runtime",
   props: {
@@ -15,8 +16,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 : {};
-    let contentVariable = designProperty.formatting;
+    const designProperty = Vue.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;
@@ -32,22 +33,24 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       const _component_el_tag = Vue.resolveComponent("el-tag");
       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_el_tag, {
-            size: Vue.unref(designProperty).size,
-            closable: Vue.unref(designProperty).closable,
-            type: Vue.unref(designProperty).type
+            size: designProperty.value.size,
+            closable: designProperty.value.closable,
+            type: designProperty.value.type,
+            onClose: _cache[0] || (_cache[0] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "remove")),
+            onClick: _cache[1] || (_cache[1] = ($event) => Vue.unref(eventUtil.handleEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
           }, {
             default: Vue.withCtx(() => [
               Vue.createTextVNode(Vue.toDisplayString(dynamicValue.value), 1)