super-page-runtime 2.2.26 → 2.2.29-tmp2

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

@@ -1,86 +1,269 @@
-import { defineComponent as e, ref as t, computed as l, watch as o, onUnmounted as a, onMounted as u, nextTick as n, resolveComponent as i, createBlock as r, openBlock as s, normalizeStyle as p, normalizeClass as f, unref as c, withCtx as v, createVNode as g, createElementBlock as m, Fragment as d, renderList as h, createCommentVNode as y, createElementVNode as x, toDisplayString as b, createTextVNode as C } from "vue";
-import { setVariableValue as _, getVariableValue as k, getOptionDatasFromPage as w, queryOptionDatasources as S, autoSetAfterSelect as T } from "../../../../utils/page-helper-util.js";
-import { getFormModelFields as j } from "../../../../utils/page-init-util.js";
-import { handleFormEvent as R, handleAfterInitEvent as V } from "../../../../utils/events/event-util.js";
-import z from "../common/title-suffix-element.vue.js";
-import { $t as I } from "../../../../utils/i18n-util.js";
-const M = { style: { float: "left" } }, q = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, O = e({ __name: "select-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: O2 }) {
-  const P = e2, A = P.pageContext.entity ? P.pageContext.entity : {};
-  let D = j(P.pageContext, P.configure);
-  const W = P.configure.runtime ? P.configure.runtime : {}, E = W.style, F = W.class, U = W.headerStyle, $ = W.titleExceedStyle, B = t(W.props ? W.props : {}), G = l({ get() {
-    let e3 = k(A, D);
-    return null != e3 && (e3 += ""), B.value.multiple && (e3 = e3 ? e3.split(",") : []), e3;
-  }, set(e3) {
-    B.value.multiple && e3 && e3.length > 0 && !B.value.arrayValue && (e3 = e3.join(",")), _(A, D, e3);
-  } }), H = t(B.value.options ? B.value.options : []), J = w(P.pageContext, P.configure);
-  J.length > 0 && (H.value = J);
-  const K = t(false), L = P.configure.props && P.configure.props.dataOrigin ? P.configure.props.dataOrigin : {}, N = L.optionValueSetType;
-  let Q = [];
-  const X = B.value.optionconfigInfo ? B.value.optionconfigInfo : {};
-  if ("dynamicData" == N || "dataTable" == N || "service" == N) {
-    if ("remote" == L.filterType) {
-      let e3;
-      B.value.filterable = true, B.value.remote = true, B.value.remoteShowSuffix = true, B.value.remoteMethod = function(t2) {
-        e3 !== t2 && (e3 = t2, K.value = true, S(P.pageContext, X, t2).then((e4) => {
-          K.value = false;
-        }).then((e4) => {
-          K.value = false;
-        }));
-      };
+import { defineComponent, ref, computed, watch, onUnmounted, onMounted, nextTick, resolveComponent, createBlock, openBlock, normalizeStyle, normalizeClass, unref, withCtx, createVNode, createElementBlock, Fragment, renderList, createCommentVNode, createElementVNode, toDisplayString, createTextVNode } from "vue";
+import { setVariableValue, getVariableValue, getOptionDatasFromPage, queryOptionDatasources, autoSetAfterSelect } from "../../../../utils/page-helper-util.js";
+import { getFormModelFields } from "../../../../utils/page-init-util.js";
+import { handleFormEvent, handleAfterInitEvent } from "../../../../utils/events/event-util.js";
+import _sfc_main$1 from "../common/title-suffix-element.vue.js";
+import { $t } from "../../../../utils/i18n-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({
+  __name: "select-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    let dynamicFields = getFormModelFields(props.pageContext, props.configure);
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    const titleExceedStyle = runtimeInfo.titleExceedStyle;
+    const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
+    const dynamicModelMethod = computed({
+      get() {
+        let val = getVariableValue(entity, dynamicFields);
+        if (val !== void 0 && val !== null) {
+          val = val + "";
+        }
+        if (designProperty.value.multiple) {
+          if (val) {
+            val = val.split(",");
+          } else {
+            val = [];
+          }
+        }
+        return val;
+      },
+      set(value) {
+        if (designProperty.value.multiple) {
+          if (value && value.length > 0 && !designProperty.value.arrayValue) {
+            value = value.join(",");
+          }
+        }
+        setVariableValue(entity, dynamicFields, value);
+      }
+    });
+    const listOptions = ref(designProperty.value.options ? designProperty.value.options : []);
+    const cacheOptions = getOptionDatasFromPage(props.pageContext, props.configure);
+    if (cacheOptions.length > 0) {
+      listOptions.value = cacheOptions;
     }
-    if (L.autoSets) for (let e3 of L.autoSets) e3.source && Q.push(e3);
-  }
-  P.configure && P.configure.props && P.configure.props.base && P.configure.props.base.optionProp && Q.push({ source: "label", target: P.configure.props.base.optionProp }), B.value.changeMethod = function(e3) {
-    let t2, l2 = null;
-    H.value && null != e3 && null != e3 && (l2 = H.value.filter((t3) => Array.isArray(e3) ? e3.includes(t3.value) : e3 === t3.value));
-    Q.length > 0 && T(P.configure, P.pageContext, Q, l2);
-    l2 && l2.length > 0 && (t2 = l2[0]);
-    let o2 = {};
-    t2 && (o2 = { extendParams: t2 });
-    R(e3, P.pageContext, P.configure, "change", o2);
-  };
-  const Y = B.value.monitorFields, Z = [];
-  if (Y) {
-    const e3 = [];
-    for (let t2 of Y) if (t2.startsWith("${")) {
-      t2 = t2.substring(2, t2.length - 1);
-      const l2 = t2.split(".");
-      "page" !== l2[0] && "task" !== l2[0] && "data" !== l2[0] || (Z.push(l2), e3.includes(l2[0]) || e3.push(l2[0]));
+    const queryLoadingFlag = ref(false);
+    const dataOrigin = props.configure.props && props.configure.props.dataOrigin ? props.configure.props.dataOrigin : {};
+    const valueType = dataOrigin.optionValueSetType;
+    let autoSets = [];
+    const optionconfigInfo = designProperty.value.optionconfigInfo ? designProperty.value.optionconfigInfo : {};
+    if (valueType == "dynamicData" || valueType == "dataTable" || valueType == "service") {
+      if (dataOrigin.filterType == "remote") {
+        designProperty.value.filterable = true;
+        designProperty.value.remote = true;
+        designProperty.value.remoteShowSuffix = true;
+        let hisQuery = void 0;
+        designProperty.value.remoteMethod = function(query) {
+          if (hisQuery === query) {
+            return;
+          }
+          hisQuery = query;
+          queryLoadingFlag.value = true;
+          console.log("query", query);
+          queryOptionDatasources(props.pageContext, optionconfigInfo, query).then((results) => {
+            queryLoadingFlag.value = false;
+          }).then((error) => {
+            console.log("查询失败!", error);
+            queryLoadingFlag.value = false;
+          });
+        };
+      }
+      if (dataOrigin.autoSets) {
+        for (let obj of dataOrigin.autoSets) {
+          if (obj.source) {
+            autoSets.push(obj);
+          }
+        }
+      }
+    }
+    if (props.configure && props.configure.props && props.configure.props.base && props.configure.props.base.optionProp) {
+      autoSets.push({
+        source: "label",
+        target: props.configure.props.base.optionProp
+      });
+    }
+    designProperty.value.changeMethod = optionChange;
+    const monitorFields = designProperty.value.monitorFields;
+    const monitorFieldInfos = [];
+    if (monitorFields) {
+      const preFields = [];
+      for (let propName of monitorFields) {
+        if (propName.startsWith("${")) {
+          propName = propName.substring(2, propName.length - 1);
+          const fields = propName.split(".");
+          if (fields[0] === "page" || fields[0] === "task" || fields[0] === "data") {
+            monitorFieldInfos.push(fields);
+            if (!preFields.includes(fields[0])) {
+              preFields.push(fields[0]);
+            }
+          }
+        }
+      }
+      for (let preField of preFields) {
+        watch(entity[preField], () => {
+          monitorFieldChange();
+        });
+      }
     }
-    for (let t2 of e3) o(A[t2], () => {
-      oe();
+    function getMonitorFieldValues() {
+      let values = "";
+      for (let fieldInfo of monitorFieldInfos) {
+        values += "_" + getVariableValue(entity, fieldInfo);
+      }
+      return values;
+    }
+    let initMonitorValue = getMonitorFieldValues();
+    let monitorTimeout = false;
+    function monitorFieldChange() {
+      if (monitorTimeout) {
+        clearTimeout(monitorTimeout);
+      }
+      monitorTimeout = setTimeout(function() {
+        const newValue = getMonitorFieldValues();
+        if (newValue == initMonitorValue) {
+          return;
+        }
+        initMonitorValue = newValue;
+        queryOptionDatasources(props.pageContext, optionconfigInfo, void 0).then((error) => {
+          console.log("查询失败!", error);
+          queryLoadingFlag.value = false;
+        });
+      }, 200);
+    }
+    onUnmounted(() => {
+      if (monitorTimeout) {
+        clearTimeout(monitorTimeout);
+      }
     });
-  }
-  function ee() {
-    let e3 = "";
-    for (let t2 of Z) e3 += "_" + k(A, t2);
-    return e3;
-  }
-  let te = ee(), le = false;
-  function oe() {
-    le && clearTimeout(le), le = setTimeout(function() {
-      const e3 = ee();
-      e3 != te && (te = e3, S(P.pageContext, X, void 0).then((e4) => {
-        K.value = false;
-      }));
-    }, 200);
-  }
-  a(() => {
-    le && clearTimeout(le);
-  });
-  const ae = t(null), ue = t(null), ne = t(null);
-  return u(() => {
-    n(() => {
-      const e3 = G.value;
-      V(e3, P.pageContext, P.configure, { formItemRef: ae.value, componentRef: ue.value, titleRef: ne.value, value: e3, entity: P.pageContext.entity.data, pageData: P.pageContext.entity.page });
+    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) {
+        autoSetAfterSelect(props.configure, props.pageContext, autoSets, selItems);
+      }
+      let selectItem;
+      if (selItems && selItems.length > 0) {
+        selectItem = selItems[0];
+      }
+      let otherParams = {};
+      if (selectItem) {
+        otherParams = { extendParams: selectItem };
+      }
+      handleFormEvent(value, props.pageContext, props.configure, "change", otherParams);
+    }
+    function updateOptions(newOptions) {
+      listOptions.value = newOptions ? newOptions : [];
+    }
+    const formItemRef = ref(null);
+    const componentRef = ref(null);
+    const titleRef = ref(null);
+    onMounted(() => {
+      nextTick(() => {
+        const value = dynamicModelMethod.value;
+        handleAfterInitEvent(value, props.pageContext, props.configure, {
+          formItemRef: formItemRef.value,
+          componentRef: componentRef.value,
+          titleRef: titleRef.value,
+          value,
+          entity: props.pageContext.entity.data,
+          pageData: props.pageContext.entity.page
+        });
+      });
+    });
+    __expose({
+      updateOptions
     });
-  }), O2({ updateOptions: function(e3) {
-    H.value = e3 || [];
-  } }), (e3, t2) => {
-    const l2 = i("el-option"), o2 = i("el-select"), a2 = i("el-form-item");
-    return s(), r(a2, { ref_key: "formItemRef", ref: ae, required: !!B.value.required, class: f(c(F)), "label-width": B.value.labelWidth, style: p(c(E)) }, { label: v(() => [B.value.tittleShow ? (s(), m("div", { key: 0, ref_key: "titleRef", ref: ne, style: p({ ...c(U), ...c($) }) }, [B.value.prefixType ? (s(), r(z, { key: 0, pageContext: e3.pageContext, property: B.value }, null, 8, ["pageContext", "property"])) : (s(), m(d, { key: 1 }, [C(b(c(I)(B.value.title)), 1)], 64))], 4)) : y("", true)]), default: v(() => [g(o2, { ref_key: "componentRef", ref: ue, style: { width: "100%" }, disabled: "disabled" === B.value.state, size: B.value.size, clearable: B.value.clearable, multiple: B.value.multiple, "collapse-tags": B.value.collapseTags, "collapse-tags-tooltip": B.value.collapseTagsTooltip, filterable: B.value.filterable, "allow-create": B.value.allowCreate, placeholder: B.value.placeholder, "remote-show-suffix": B.value.remoteShowSuffix, remote: B.value.remote, "remote-method": B.value.remoteMethod, loading: K.value, onChange: B.value.changeMethod, modelValue: G.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => G.value = e4) }, { default: v(() => [(s(true), m(d, null, h(H.value, (t3) => (s(), r(l2, { key: t3.value, label: t3.label, value: t3.value, onClick: (l3) => c(R)(t3.value, e3.pageContext, e3.configure, "click", { values: G.value }) }, { default: v(() => [t3._description_ ? (s(), m(d, { key: 0 }, [x("span", M, b(t3.label), 1), x("span", q, b(t3._description_), 1)], 64)) : y("", true)]), _: 2 }, 1032, ["label", "value", "onClick"]))), 128))]), _: 1 }, 8, ["disabled", "size", "clearable", "multiple", "collapse-tags", "collapse-tags-tooltip", "filterable", "allow-create", "placeholder", "remote-show-suffix", "remote", "remote-method", "loading", "onChange", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
-  };
-} });
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      return openBlock(), createBlock(_component_el_form_item, {
+        ref_key: "formItemRef",
+        ref: formItemRef,
+        required: designProperty.value.required ? true : false,
+        class: normalizeClass(unref(runtimeClass)),
+        "label-width": designProperty.value.labelWidth,
+        style: normalizeStyle(unref(runtimeStyle))
+      }, {
+        label: withCtx(() => [
+          designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "titleRef",
+            ref: titleRef,
+            style: normalizeStyle({ ...unref(headerStyle), ...unref(titleExceedStyle) })
+          }, [
+            designProperty.value.prefixType ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              pageContext: _ctx.pageContext,
+              property: designProperty.value
+            }, null, 8, ["pageContext", "property"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(unref($t)(designProperty.value.title)), 1)
+            ], 64))
+          ], 4)) : createCommentVNode("", true)
+        ]),
+        default: withCtx(() => [
+          createVNode(_component_el_select, {
+            ref_key: "componentRef",
+            ref: componentRef,
+            style: { "width": "100%" },
+            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: designProperty.value.changeMethod,
+            modelValue: dynamicModelMethod.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event)
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(listOptions.value, (item) => {
+                return openBlock(), createBlock(_component_el_option, {
+                  key: item.value,
+                  label: item.label,
+                  value: item.value,
+                  onClick: ($event) => unref(handleFormEvent)(item.value, _ctx.pageContext, _ctx.configure, "click", {
+                    values: dynamicModelMethod.value
+                  })
+                }, {
+                  default: withCtx(() => [
+                    item._description_ ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                      createElementVNode("span", _hoisted_1, toDisplayString(item.label), 1),
+                      createElementVNode("span", _hoisted_2, toDisplayString(item._description_), 1)
+                    ], 64)) : createCommentVNode("", true)
+                  ]),
+                  _: 2
+                }, 1032, ["label", "value", "onClick"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["disabled", "size", "clearable", "multiple", "collapse-tags", "collapse-tags-tooltip", "filterable", "allow-create", "placeholder", "remote-show-suffix", "remote", "remote-method", "loading", "onChange", "modelValue"])
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"]);
+    };
+  }
+});
 export {
-  O as default
+  _sfc_main as default
 };

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

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

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

@@ -1,16 +1,60 @@
-import { defineComponent as e, ref as t, onMounted as i, nextTick as o, createElementBlock as n, openBlock as r, normalizeClass as a, normalizeStyle as p, unref as l, createElementVNode as s, createBlock as u, createCommentVNode as c, createTextVNode as g, toDisplayString as f } from "vue";
-import { SuperIcon as m } from "agilebuilder-ui";
-import { $t as y } from "../../../../utils/i18n-util.js";
-import { handleAfterInitEvent as b } from "../../../../utils/events/event-util.js";
-const d = e({ __name: "separatelabel-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: d2 }) {
-  const v = e2, x = t(null), C = v.configure.runtime ? v.configure.runtime : {}, T = C.style, V = C.class, h = C.headerStyle;
-  return i(() => {
-    o(() => {
-      const e3 = y(v.configure.props.base.title);
-      b(e3, v.pageContext, v.configure, { componentRef: x.value, value: e3, entity: v.pageContext.entity.data, pageData: v.pageContext.entity.page });
+import { defineComponent, ref, onMounted, nextTick, createElementBlock, openBlock, normalizeClass, normalizeStyle, unref, createElementVNode, createBlock, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import { SuperIcon } from "agilebuilder-ui";
+import { $t } from "../../../../utils/i18n-util.js";
+import { handleAfterInitEvent } from "../../../../utils/events/event-util.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;
+    onMounted(() => {
+      nextTick(() => {
+        const value = $t(props.configure.props.base.title);
+        handleAfterInitEvent(
+          value,
+          props.pageContext,
+          props.configure,
+          {
+            componentRef: thisRef.value,
+            value,
+            entity: props.pageContext.entity.data,
+            pageData: props.pageContext.entity.page
+          }
+        );
+      });
     });
-  }), d2({}), (e3, t2) => (r(), n("div", { style: p(l(T)), class: a([l(V), "amb-widget-separatelabel"]), ref_key: "thisRef", ref: x }, [s("div", { class: "label", style: p(l(h)) }, [e3.configure.props.iconType && e3.configure.props.iconValue ? (r(), u(l(m), { key: 0, iconType: e3.configure.props.iconType, iconValue: e3.configure.props.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : c("", true), g(" " + f(l(y)(e3.configure.props.base.title)), 1)], 4)], 6));
-} });
+    __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(SuperIcon), {
+            key: 0,
+            iconType: _ctx.configure.props.iconType,
+            iconValue: _ctx.configure.props.iconValue,
+            style: { "margin-right": "2px" }
+          }, null, 8, ["iconType", "iconValue"])) : createCommentVNode("", true),
+          createTextVNode(" " + toDisplayString(unref($t)(_ctx.configure.props.base.title)), 1)
+        ], 4)
+      ], 6);
+    };
+  }
+});
 export {
-  d as default
+  _sfc_main as default
 };

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

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

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

@@ -1,33 +1,158 @@
-import { defineComponent as e, ref as t, computed as l, onMounted as a, nextTick as i, resolveComponent as u, createBlock as n, openBlock as v, normalizeStyle as o, normalizeClass as c, unref as r, withCtx as s, createVNode as f, createElementBlock as p, createCommentVNode as d, toDisplayString as m } from "vue";
-import { getFormModelFields as g } from "../../../../utils/page-init-util.js";
-import { getVariableValue as V, setVariableValue as y } from "../../../../utils/page-helper-util.js";
-import { handleAfterInitEvent as x, handleFormEvent as h } from "../../../../utils/events/event-util.js";
-import { $t as b } from "../../../../utils/i18n-util.js";
-const C = e({ __name: "switch-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
-  const C2 = e2, w = C2.pageContext.entity ? C2.pageContext.entity : {};
-  let R = g(C2.pageContext, C2.configure);
-  const _ = C2.configure.runtime ? C2.configure.runtime : {}, j = _.style, k = _.class, S = _.headerStyle, q = _.titleExceedStyle, z = t(_.props ? _.props : {});
-  let I = V(w, R);
-  function T(e3) {
-    return void 0 !== z.value[e3] && null !== z.value[e3] && "" !== z.value[e3];
-  }
-  null == I || "number" != typeof I || I + "" != "1" && I + "" != "0" || (T("activeValue") || (z.value.activeValue = 1), T("inactiveValue") || (z.value.inactiveValue = 0)), null != I && "boolean" == typeof I && (T("activeValue") || (z.value.activeValue = true), T("inactiveValue") || (z.value.inactiveValue = false)), T("activeValue") || (z.value.activeValue = true), T("inactiveValue") || (z.value.inactiveValue = false);
-  const W = _.switchStyle, D = l({ get() {
-    let e3 = V(w, R);
-    return null != e3 && (true === z.value.activeValue ? (e3 + "" == "1" && (e3 = true), e3 + "" == "0" && (e3 = false)) : 1 === z.value.activeValue ? (e3 + "" == "true" && (e3 = 1), e3 + "" == "false" && (e3 = 0)) : e3 += ""), e3;
-  }, set(e3) {
-    null != e3 && (true === z.value.activeValue ? (e3 + "" == "1" && (e3 = true), e3 + "" == "0" && (e3 = false)) : 1 === z.value.activeValue ? (e3 + "" == "true" && (e3 = 1), e3 + "" == "false" && (e3 = 0)) : e3 += ""), y(w, R, e3);
-  } }), E = t(null), O = t(null), U = t(null);
-  return a(() => {
-    i(() => {
-      const e3 = D.value;
-      x(e3, C2.pageContext, C2.configure, { formItemRef: E.value, componentRef: O.value, titleRef: U.value, value: e3, entity: C2.pageContext.entity.data, pageData: C2.pageContext.entity.page });
+import { defineComponent, ref, computed, onMounted, nextTick, resolveComponent, createBlock, openBlock, normalizeStyle, normalizeClass, unref, withCtx, createVNode, createElementBlock, createCommentVNode, toDisplayString } from "vue";
+import { getFormModelFields } from "../../../../utils/page-init-util.js";
+import { getVariableValue, setVariableValue } from "../../../../utils/page-helper-util.js";
+import { handleAfterInitEvent, handleFormEvent } from "../../../../utils/events/event-util.js";
+import { $t } from "../../../../utils/i18n-util.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "switch-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    let dynamicFields = getFormModelFields(props.pageContext, props.configure);
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    const titleExceedStyle = runtimeInfo.titleExceedStyle;
+    const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
+    let val = getVariableValue(entity, dynamicFields);
+    if (val !== void 0 && val !== null && typeof val === "number" && (val + "" === "1" || val + "" === "0")) {
+      if (!isHasActive("activeValue")) {
+        designProperty.value.activeValue = 1;
+      }
+      if (!isHasActive("inactiveValue")) {
+        designProperty.value.inactiveValue = 0;
+      }
+    }
+    if (val !== void 0 && val !== null && typeof val === "boolean") {
+      if (!isHasActive("activeValue")) {
+        designProperty.value.activeValue = true;
+      }
+      if (!isHasActive("inactiveValue")) {
+        designProperty.value.inactiveValue = false;
+      }
+    }
+    if (!isHasActive("activeValue")) {
+      designProperty.value.activeValue = true;
+    }
+    if (!isHasActive("inactiveValue")) {
+      designProperty.value.inactiveValue = false;
+    }
+    function isHasActive(type) {
+      if (designProperty.value[type] === void 0 || designProperty.value[type] === null || designProperty.value[type] === "") {
+        return false;
+      }
+      return true;
+    }
+    const switchStyle = runtimeInfo.switchStyle;
+    const dynamicModelMethod = computed({
+      get() {
+        let val2 = getVariableValue(entity, dynamicFields);
+        if (val2 !== void 0 && val2 !== null) {
+          if (designProperty.value.activeValue === true) {
+            if (val2 + "" === "1") {
+              val2 = true;
+            }
+            if (val2 + "" === "0") {
+              val2 = false;
+            }
+          } else if (designProperty.value.activeValue === 1) {
+            if (val2 + "" === "true") {
+              val2 = 1;
+            }
+            if (val2 + "" === "false") {
+              val2 = 0;
+            }
+          } else {
+            val2 = val2 + "";
+          }
+        }
+        return val2;
+      },
+      set(value) {
+        if (value !== void 0 && value !== null) {
+          if (designProperty.value.activeValue === true) {
+            if (value + "" === "1") {
+              value = true;
+            }
+            if (value + "" === "0") {
+              value = false;
+            }
+          } else if (designProperty.value.activeValue === 1) {
+            if (value + "" === "true") {
+              value = 1;
+            }
+            if (value + "" === "false") {
+              value = 0;
+            }
+          } else {
+            value = value + "";
+          }
+        }
+        setVariableValue(entity, dynamicFields, value);
+      }
+    });
+    const formItemRef = ref(null);
+    const componentRef = ref(null);
+    const titleRef = ref(null);
+    onMounted(() => {
+      nextTick(() => {
+        const value = dynamicModelMethod.value;
+        handleAfterInitEvent(value, props.pageContext, props.configure, {
+          formItemRef: formItemRef.value,
+          componentRef: componentRef.value,
+          titleRef: titleRef.value,
+          value,
+          entity: props.pageContext.entity.data,
+          pageData: props.pageContext.entity.page
+        });
+      });
     });
-  }), (e3, t2) => {
-    const l2 = u("el-switch"), a2 = u("el-form-item");
-    return v(), n(a2, { ref_key: "formItemRef", ref: E, required: z.value.required, class: c(r(k)), "label-width": z.value.labelWidth, style: o(r(j)) }, { label: s(() => [z.value.tittleShow ? (v(), p("div", { key: 0, ref_key: "titleRef", ref: U, style: o({ ...r(S), ...r(q) }) }, m(r(b)(z.value.title)), 5)) : d("", true)]), default: s(() => [f(l2, { ref_key: "componentRef", ref: O, disabled: "disabled" === z.value.state, "active-value": z.value.activeValue, "active-text": z.value.activeText, "inactive-value": z.value.inactiveValue, "inactive-text": z.value.inactiveText, width: z.value.offOnWidth, size: z.value.size, style: o(r(W)), modelValue: D.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => D.value = e4), onChange: t2[1] || (t2[1] = (t3) => r(h)(t3, e3.pageContext, e3.configure, "change")) }, null, 8, ["disabled", "active-value", "active-text", "inactive-value", "inactive-text", "width", "size", "style", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
-  };
-} });
+    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, {
+        ref_key: "formItemRef",
+        ref: formItemRef,
+        required: designProperty.value.required,
+        class: normalizeClass(unref(runtimeClass)),
+        "label-width": designProperty.value.labelWidth,
+        style: normalizeStyle(unref(runtimeStyle))
+      }, {
+        label: withCtx(() => [
+          designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "titleRef",
+            ref: titleRef,
+            style: normalizeStyle({ ...unref(headerStyle), ...unref(titleExceedStyle) })
+          }, toDisplayString(unref($t)(designProperty.value.title)), 5)) : createCommentVNode("", true)
+        ]),
+        default: withCtx(() => [
+          createVNode(_component_el_switch, {
+            ref_key: "componentRef",
+            ref: componentRef,
+            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),
+            onChange: _cache[1] || (_cache[1] = ($event) => unref(handleFormEvent)($event, _ctx.pageContext, _ctx.configure, "change"))
+          }, null, 8, ["disabled", "active-value", "active-text", "inactive-value", "inactive-text", "width", "size", "style", "modelValue"])
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"]);
+    };
+  }
+});
 export {
-  C as default
+  _sfc_main as default
 };