super-page-runtime 3.0.4 → 3.0.5-beta1

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

@@ -1,6 +1,7 @@
-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";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "radio-runtime",
   props: {
@@ -23,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;
@@ -47,10 +48,8 @@ const _sfc_main = /* @__PURE__ */ 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 = [];
@@ -81,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);
@@ -98,13 +97,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, 200);
     }
     function optionChange(value) {
-      let selItems = null;
-      if (listOptions.value && value != void 0 && value != null) {
-        selItems = listOptions.value.filter((item) => {
-          return 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;
+          });
+        }
+        autoSetAfterSelect(props.configure, props.pageContext, autoSets, selItems);
       }
-      autoSetAfterSelect(props.configure, props.pageContext, autoSets, selItems);
+      handleEvent(value, props.pageContext, props.configure, "change");
     }
     function updateOptions(newOptions) {
       listOptions.value = newOptions ? newOptions : [];
@@ -117,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)
           }, {
@@ -141,8 +143,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 return openBlock(), createBlock(_component_el_radio, {
                   key: item.value,
                   value: item.value,
-                  label: item.label
-                }, null, 8, ["value", "label"]);
+                  label: item.label,
+                  onClick: ($event) => unref(handleEvent)(item.value, _ctx.pageContext, _ctx.configure, "click", { values: dynamicModelMethod.value })
+                }, null, 8, ["value", "label", "onClick"]);
               }), 128))
             ]),
             _: 1

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

@@ -1,8 +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 "../../../../../../node_modules/.pnpm/quill@2.0.2/node_modules/quill/quill.js";
 /* empty css                                                                                      */
+import { handleEvent } from "../../../../utils/events/event-util.js";
+import http from "../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.26_vue@3.4.21/node_modules/agilebuilder-ui/src/utils/request.js";
 import "../../../../../../node_modules/.pnpm/quill@2.0.2/node_modules/quill/core.js";
 import Quill from "../../../../../../node_modules/.pnpm/quill@2.0.2/node_modules/quill/core/quill.js";
 const _hoisted_1 = { style: { "width": "100%", "height": "100%" } };
@@ -25,13 +27,25 @@ 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.value;
+    const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
+    let contentVariable = designProperty.value.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: [
@@ -64,11 +78,11 @@ 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 && quill.value) {
         if (quill.value.container) {
           const parentNode = quill.value.container.parentNode;
           const parentRect = parentNode.getBoundingClientRect();
@@ -81,11 +95,6 @@ const _sfc_main = /* @__PURE__ */ 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) {
@@ -96,33 +105,96 @@ 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);
-          console.log("new entity", entity);
-        }, 1e3);
+        setVariableValue(entity, dynamicFields, quill.value.root.innerHTML);
       });
       updateEditorHeight();
     });
+    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"
+        }
+      };
+      let baseUrl = props.pageContext.backendUrl;
+      if (!baseUrl) {
+        baseUrl = window["$vueApp"].config.globalProperties.baseURL;
+      }
+      return http.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 = 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, [

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

@@ -1,6 +1,7 @@
-import { defineComponent, computed, ref, watch, resolveComponent, openBlock, createBlock, unref, normalizeClass, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode, Fragment, renderList, createElementVNode } from "vue";
+import { defineComponent, computed, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode, Fragment, 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";
 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({
@@ -25,8 +26,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;
@@ -35,14 +36,14 @@ const _sfc_main = /* @__PURE__ */ 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;
           }
@@ -71,10 +72,8 @@ const _sfc_main = /* @__PURE__ */ 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 = [];
@@ -122,13 +121,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, 200);
     }
     function optionChange(value) {
-      let selItems = null;
-      if (listOptions.value && value != void 0 && value != null) {
-        selItems = listOptions.value.filter((item) => {
-          return Array.isArray(value) ? value.includes(item.value) : value === item.value;
-        });
+      if (autoSets.length > 0) {
+        let selItems = null;
+        if (listOptions.value && value != void 0 && value != null) {
+          selItems = listOptions.value.filter((item) => {
+            return Array.isArray(value) ? value.includes(item.value) : value === item.value;
+          });
+        }
+        autoSetAfterSelect(props.configure, props.pageContext, autoSets, selItems);
       }
-      autoSetAfterSelect(props.configure, props.pageContext, autoSets, selItems);
+      handleEvent(value, props.pageContext, props.configure, "change");
     }
     function updateOptions(newOptions) {
       listOptions.value = newOptions ? newOptions : [];
@@ -142,33 +144,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_select = resolveComponent("el-select");
       const _component_el_form_item = resolveComponent("el-form-item");
       return openBlock(), createBlock(_component_el_form_item, {
-        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(() => [
           createVNode(_component_el_select, {
-            disabled: unref(designProperty).state === "disabled",
-            size: unref(designProperty).size,
-            clearable: unref(designProperty).clearable,
-            multiple: unref(designProperty).multiple,
-            "collapse-tags": unref(designProperty).collapseTags,
-            "collapse-tags-tooltip": unref(designProperty).collapseTagsTooltip,
-            filterable: unref(designProperty).filterable,
-            "allow-create": unref(designProperty).allowCreate,
-            placeholder: unref(designProperty).placeholder,
-            "remote-show-suffix": unref(designProperty).remoteShowSuffix,
-            remote: unref(designProperty).remote,
-            "remote-method": 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: unref(designProperty).changeMethod,
+            onChange: designProperty.value.changeMethod,
             modelValue: dynamicModelMethod.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event)
           }, {
@@ -177,7 +179,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 return openBlock(), createBlock(_component_el_option, {
                   key: item.value,
                   label: item.label,
-                  value: item.value
+                  value: item.value,
+                  onClick: ($event) => unref(handleEvent)(item.value, _ctx.pageContext, _ctx.configure, "click", { values: dynamicModelMethod.value })
                 }, {
                   default: withCtx(() => [
                     item._description_ ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -186,7 +189,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ], 64)) : createCommentVNode("", true)
                   ]),
                   _: 2
-                }, 1032, ["label", "value"]);
+                }, 1032, ["label", "value", "onClick"]);
               }), 128))
             ]),
             _: 1

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./separatelabel-runtime.vue2.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,42 @@
+import { defineComponent, ref, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createElementVNode, createBlock, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import { SuperIcon as _sfc_main$4 } from "../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.26_vue@3.4.21/node_modules/agilebuilder-ui/lib/super-ui.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "separatelabel-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const thisRef = 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 openBlock(), createElementBlock("div", {
+        style: normalizeStyle(unref(runtimeStyle)),
+        class: normalizeClass([unref(runtimeClass), "amb-widget-separatelabel"]),
+        ref_key: "thisRef",
+        ref: thisRef
+      }, [
+        createElementVNode("div", {
+          class: "label",
+          style: normalizeStyle(unref(headerStyle))
+        }, [
+          _ctx.configure.props.iconType && _ctx.configure.props.iconValue ? (openBlock(), createBlock(unref(_sfc_main$4), {
+            key: 0,
+            iconType: _ctx.configure.props.iconType,
+            iconValue: _ctx.configure.props.iconValue,
+            style: { "margin-right": "2px" }
+          }, null, 8, ["iconType", "iconValue"])) : createCommentVNode("", true),
+          createTextVNode(" " + toDisplayString(_ctx.configure.props.base.title), 1)
+        ], 4)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -1,6 +1,7 @@
-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";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "switch-runtime",
   props: {
@@ -23,35 +24,36 @@ 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 : {});
     const switchStyle = runtimeInfo.switchStyle;
     return (_ctx, _cache) => {
       const _component_el_switch = resolveComponent("el-switch");
       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_switch, {
-            disabled: unref(designProperty).state === "disabled",
-            "active-value:": unref(designProperty).activeValue,
-            "active-text": unref(designProperty).activeText,
-            "inactive-value": unref(designProperty).inactiveValue,
-            "inactive-text": unref(designProperty).inactiveText,
-            width: unref(designProperty).offOnWidth,
-            size: 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: normalizeStyle(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) => unref(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/es/components/runtime/views/assemblys/form/tag/tag-runtime.vue2.js

@@ -1,6 +1,7 @@
-import { defineComponent, computed, resolveComponent, openBlock, createBlock, unref, normalizeClass, 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";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "tag-runtime",
   props: {
@@ -14,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;
@@ -31,22 +32,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_tag = resolveComponent("el-tag");
       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_tag, {
-            size: unref(designProperty).size,
-            closable: unref(designProperty).closable,
-            type: unref(designProperty).type
+            size: designProperty.value.size,
+            closable: designProperty.value.closable,
+            type: designProperty.value.type,
+            onClose: _cache[0] || (_cache[0] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "remove")),
+            onClick: _cache[1] || (_cache[1] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "click"))
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(dynamicValue.value), 1)