super-page-runtime 2.3.17 → 2.3.18-tmp1

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

@@ -0,0 +1,163 @@
+"use strict";
+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 i18nUtil = require("../../../../utils/i18n-util.js");
+const commonUtil = require("../../../../utils/common-util.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "checkbox-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const requiredClass = Vue.ref(null);
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    let dynamicFields = pageInitUtil.getFormModelFields(props.pageContext, props.configure);
+    const dynamicModelMethod = Vue.computed({
+      get() {
+        let val = pageHelperUtil.getVariableValue(entity, dynamicFields);
+        if (val && typeof val === "string") {
+          val = val.split(",");
+        }
+        return val;
+      },
+      set(value) {
+        if (value && value.length > 0) {
+          value = value.join(",");
+        }
+        pageHelperUtil.setVariableValue(entity, dynamicFields, value);
+        if (value !== void 0 && value !== null) {
+          requiredClass.value = "";
+        }
+      }
+    });
+    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 = 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;
+    }
+    const dataOrigin = props.configure.props && props.configure.props.dataOrigin ? props.configure.props.dataOrigin : {};
+    const valueType = dataOrigin.optionValueSetType;
+    let autoSets = [];
+    if (valueType == "dynamicData" || valueType == "dynamicData" || valueType == "service") {
+      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 optionconfigInfo = designProperty.value.optionconfigInfo ? designProperty.value.optionconfigInfo : {};
+    function refreshOptions() {
+      pageHelperUtil.queryOptionDatasources(props.pageContext, optionconfigInfo, void 0).then((result) => {
+        console.log("动态查询结果", result);
+      });
+    }
+    const monitorFields = designProperty.value.monitorFields;
+    pageHelperUtil.monitorFieldChange(props.pageContext, monitorFields, refreshOptions);
+    function optionChange(value) {
+      if (autoSets.length > -1) {
+        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);
+      }
+      eventUtil.handleFormEvent(value, props.pageContext, props.configure, "change");
+    }
+    function updateOptions(newOptions) {
+      listOptions.value = newOptions ? newOptions : [];
+    }
+    const formItemRef = Vue.ref(null);
+    const componentRef = Vue.ref(null);
+    const titleRef = Vue.ref(null);
+    Vue.onMounted(() => {
+      Vue.nextTick(() => {
+        const value = dynamicModelMethod.value;
+        eventUtil.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
+        });
+      });
+    });
+    function addRequiredClass() {
+      requiredClass.value = commonUtil.addRequiredClassUtil();
+    }
+    __expose({
+      updateOptions,
+      addRequiredClass
+    });
+    return (_ctx, _cache) => {
+      const _component_el_checkbox = Vue.resolveComponent("el-checkbox");
+      const _component_el_checkbox_group = Vue.resolveComponent("el-checkbox-group");
+      const _component_el_form_item = Vue.resolveComponent("el-form-item");
+      return Vue.openBlock(), Vue.createBlock(_component_el_form_item, {
+        ref_key: "formItemRef",
+        ref: formItemRef,
+        class: Vue.normalizeClass(Vue.unref(runtimeClass) + (requiredClass.value ? " " + requiredClass.value : "")),
+        required: designProperty.value.required ? true : false,
+        "label-width": designProperty.value.labelWidth,
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
+      }, {
+        label: Vue.withCtx(() => [
+          designProperty.value.tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
+            key: 0,
+            ref_key: "titleRef",
+            ref: titleRef,
+            style: Vue.normalizeStyle({ ...Vue.unref(headerStyle), ...Vue.unref(titleExceedStyle) })
+          }, Vue.toDisplayString(Vue.unref(i18nUtil.$t)(designProperty.value.title)), 5)) : Vue.createCommentVNode("", true)
+        ]),
+        default: Vue.withCtx(() => [
+          Vue.createVNode(_component_el_checkbox_group, {
+            ref_key: "componentRef",
+            ref: componentRef,
+            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)
+          }, {
+            default: Vue.withCtx(() => [
+              (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(listOptions.value, (item) => {
+                return Vue.openBlock(), Vue.createBlock(_component_el_checkbox, {
+                  key: item.value,
+                  value: item.value,
+                  label: item.label,
+                  onClick: ($event) => Vue.unref(eventUtil.handleFormEvent)(item.value, _ctx.pageContext, _ctx.configure, "click", {
+                    values: dynamicModelMethod.value
+                  })
+                }, null, 8, ["value", "label", "onClick"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["disabled", "size", "onChange", "modelValue"])
+        ]),
+        _: 1
+      }, 8, ["class", "required", "label-width", "style"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,101 @@
+"use strict";
+const Vue = require("vue");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "title-suffix-element",
+  props: {
+    pageContext: {},
+    property: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const entity = props.pageContext.entity;
+    let fields = [];
+    if (!props.property.prefixPro || !props.property.prefixPro.startsWith("${")) {
+      fields = [];
+    } else {
+      let propName = props.property.prefixPro;
+      propName = propName.substring(2, propName.length - 1);
+      fields = propName.split(".");
+    }
+    if (fields.length > 0 && props.property.prefixDefault) {
+      const prefixDefault = props.property.prefixDefault;
+      let defaultValue = pageHelperUtil.formatVariableValue(props.pageContext, prefixDefault);
+      if (defaultValue != null && defaultValue != void 0) {
+        let isMultiple = props.property.prefixType === "checkbox";
+        if (isMultiple) {
+          defaultValue = (defaultValue + "").split(",");
+        }
+        pageHelperUtil.setVariableValue(entity, fields, defaultValue);
+      }
+    }
+    const prefixType = props.property.prefixType;
+    let prefixValue = props.property.prefixValue;
+    prefixValue = prefixValue == void 0 || prefixValue == null ? "" : prefixValue;
+    let dynamicModelMethod = null;
+    if (fields.length > 0) {
+      dynamicModelMethod = Vue.computed({
+        get() {
+          const value = pageHelperUtil.getVariableValue(entity, fields);
+          if (prefixType === "checkbox") {
+            if (value === null || value === void 0) {
+              return false;
+            }
+            if (Array.isArray(value)) {
+              return value.includes(prefixValue);
+            } else {
+              return value === prefixValue;
+            }
+          } else {
+            return value;
+          }
+        },
+        set(value) {
+          if (prefixType === "checkbox") {
+            let newValues = pageHelperUtil.getVariableValue(entity, fields);
+            if (!newValues) {
+              newValues = [];
+            }
+            if (!Array.isArray(newValues)) {
+              newValues = [newValues];
+            }
+            const index = newValues.indexOf(prefixValue);
+            if (value) {
+              if (index == -1) {
+                newValues.push(prefixValue);
+              }
+            } else {
+              if (index > -1) {
+                newValues.splice(index, 1);
+              }
+            }
+            pageHelperUtil.setVariableValue(entity, fields, newValues);
+          } else {
+            pageHelperUtil.setVariableValue(entity, fields, value);
+          }
+        }
+      });
+    }
+    return (_ctx, _cache) => {
+      const _component_el_radio = Vue.resolveComponent("el-radio");
+      const _component_el_checkbox = Vue.resolveComponent("el-checkbox");
+      return Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, [
+        _ctx.property.prefixType === "radio" ? (Vue.openBlock(), Vue.createBlock(_component_el_radio, {
+          key: 0,
+          value: _ctx.property.prefixValue,
+          label: _ctx.property.title,
+          modelValue: Vue.unref(dynamicModelMethod),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => Vue.isRef(dynamicModelMethod) ? dynamicModelMethod.value = $event : dynamicModelMethod = $event)
+        }, null, 8, ["value", "label", "modelValue"])) : Vue.createCommentVNode("", true),
+        _ctx.property.prefixType === "checkbox" ? (Vue.openBlock(), Vue.createBlock(_component_el_checkbox, {
+          key: 1,
+          label: _ctx.property.title,
+          value: _ctx.property.prefixValue,
+          modelValue: Vue.unref(dynamicModelMethod),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => Vue.isRef(dynamicModelMethod) ? dynamicModelMethod.value = $event : dynamicModelMethod = $event)
+        }, null, 8, ["label", "value", "modelValue"])) : Vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/form/common/title-suffix-element.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const titleSuffixElement_vue_vue_type_script_setup_true_lang = require("./title-suffix-element.vue.js");
+module.exports = titleSuffixElement_vue_vue_type_script_setup_true_lang;

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

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

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

@@ -0,0 +1,212 @@
+"use strict";
+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 validatorUtil = require("../../../../utils/events/validator-util.js");
+const commonUtil = require("../../../../utils/common-util.js");
+const globalRefs = require("../../../../utils/global-refs.js");
+const standardEvent = require("../../../../utils/events/standard-event.js");
+const i18nUtil = require("../../../../utils/i18n-util.js");
+const eventBus = require("../../../../utils/eventBus.js");
+const pageExposeUtil = require("../../../../utils/api/page-expose-util.js");
+const _hoisted_1 = {
+  key: 0,
+  style: { "width": "100%", "height": "100%" }
+};
+const _hoisted_2 = {
+  key: 1,
+  style: { "width": "100%", "height": "100%" },
+  class: "amb-widget-richtext-single"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "custom-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    const dynamicFields = pageInitUtil.getFormModelFields(props.pageContext, props.configure);
+    const dynamicModelMethod = Vue.computed({
+      get() {
+        return pageHelperUtil.getVariableValue(entity, dynamicFields);
+      },
+      set(value) {
+        pageHelperUtil.setVariableValue(entity, dynamicFields, value);
+      }
+    });
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    const designProperty = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
+    const customParams = getCustomParams(runtimeInfo.customParams ? runtimeInfo.customParams : {});
+    const additionalParamMap = standardEvent.getAdditionalParamMap(props.pageContext);
+    const componentName = Vue.ref(props.configure.props && props.configure.props.base ? props.configure.props.base.name : null);
+    console.log("自定义控件----componentName=", componentName, "designProperty=", designProperty);
+    if (props.configure.props.verification.custom && props.configure.props.verification.custom.enabled) {
+      if (!props.pageContext.customValidatorUuids) {
+        props.pageContext.customValidatorUuids = [];
+      }
+      props.pageContext.customValidatorUuids.push(props.configure.uuid);
+    }
+    function getCustomParams(customParams2) {
+      let myCustomParams = {};
+      if (customParams2) {
+        for (let key in customParams2) {
+          const paramValue = customParams2[key];
+          myCustomParams[key] = pageHelperUtil.formatVariableValue(props.pageContext, paramValue);
+        }
+      }
+      return myCustomParams;
+    }
+    function customControlSetValue(prop, value) {
+      pageHelperUtil.setVariableValueWithProp(entity, prop, value);
+    }
+    function setCustomvalidateRules(customRules) {
+      const isHasPermission = pageExposeUtil.functions.isHasFieldAuthPermission(props.configure);
+      if (isHasPermission) {
+        validatorUtil.updateFormItemEditState(props.pageContext, customRules);
+      } else {
+        console.error("没有该字段的权限,dynamicFields=", dynamicFields ? dynamicFields.join(".") : "");
+      }
+    }
+    function restoreGridEdit() {
+      const tableUuids = props.pageContext.tableUuids;
+      if (tableUuids) {
+        tableUuids.forEach((tableUuid) => {
+          const listCode = commonUtil.getListCode(props.pageContext.code, props.pageContext.version, props.configure.uuid);
+          const gridRef = globalRefs.getComponentRef(props.pageContext, tableUuid);
+          if (gridRef) {
+            gridRef.restoreGridEdit(listCode);
+          }
+        });
+      }
+    }
+    const pageCode = props.pageContext.code;
+    const componentId = Vue.ref(dynamicFields && dynamicFields.length > 0 ? pageCode + "__" + dynamicFields.join("__") : null);
+    const customRef = Vue.ref(null);
+    const formItemRef = Vue.ref(null);
+    const titleRef = Vue.ref(null);
+    Vue.onMounted(() => {
+      eventBus.$on(componentId.value + "-scanDone", (data) => {
+        const value = data.result;
+        pageHelperUtil.setVariableValue(entity, dynamicFields, value);
+      });
+      eventBus.$on(componentId.value + "-pickFileDone", (data) => {
+        console.log("superPage4444---pickFileDone--componentId.value=", componentId.value, "data=", data);
+        customRef.value.pickFileDone(data);
+      });
+      Vue.nextTick(() => {
+        const value = dynamicModelMethod.value;
+        eventUtil.handleAfterInitEvent(value, props.pageContext, props.configure, {
+          formItemRef: formItemRef.value,
+          componentRef: customRef.value,
+          titleRef: titleRef.value,
+          value,
+          entity: props.pageContext.entity.data,
+          pageData: props.pageContext.entity.page
+        });
+      });
+    });
+    function handleCustomEvent(eventType) {
+      eventUtil.handleEvent(dynamicModelMethod.value, props.pageContext, props.configure, eventType);
+    }
+    Vue.onUnmounted(() => {
+      eventBus.$off(componentId.value + "-scanDone");
+      eventBus.$off(componentId.value + "-pickFileDone");
+    });
+    function getCustomRef() {
+      return customRef.value;
+    }
+    function invokeCustomFunction(functionName, ...args) {
+      if (customRef.value && typeof customRef.value[functionName] === "function") {
+        return customRef.value[functionName](...args);
+      }
+      throw new Error(`执行失败：Function '${functionName}' not found in custom component`);
+    }
+    function hasCustomFunction(methodName) {
+      return customRef.value && typeof customRef.value[methodName] === "function";
+    }
+    function addRequiredClass() {
+      requiredClass.value = addRequiredClassUtil();
+    }
+    __expose({
+      getCustomRef,
+      invokeCustomFunction,
+      hasCustomFunction,
+      addRequiredClass
+    });
+    return (_ctx, _cache) => {
+      const _component_el_form_item = Vue.resolveComponent("el-form-item");
+      return designProperty.value.tittleShow ? (Vue.openBlock(), Vue.createBlock(_component_el_form_item, {
+        key: 0,
+        ref_key: "formItemRef",
+        ref: formItemRef,
+        required: designProperty.value.required,
+        class: Vue.normalizeClass(Vue.unref(runtimeClass)),
+        "label-width": designProperty.value.labelWidth,
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
+      }, {
+        label: Vue.withCtx(() => [
+          designProperty.value.tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
+            key: 0,
+            ref_key: "titleRef",
+            ref: titleRef,
+            style: Vue.normalizeStyle({ ...Vue.unref(headerStyle) })
+          }, Vue.toDisplayString(Vue.unref(i18nUtil.$t)(designProperty.value.title)), 5)) : Vue.createCommentVNode("", true)
+        ]),
+        default: Vue.withCtx(() => [
+          componentName.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+            (Vue.openBlock(), Vue.createBlock(Vue.resolveDynamicComponent(componentName.value), {
+              ref_key: "customRef",
+              ref: customRef,
+              size: designProperty.value.size,
+              entity: _ctx.pageContext.entity.data,
+              pageData: _ctx.pageContext.entity.page,
+              pageContext: _ctx.pageContext,
+              configureObj: _ctx.configure,
+              prop: Vue.unref(pageHelperUtil.getFormPropName)(_ctx.configure.props && _ctx.configure.props.base ? _ctx.configure.props.base.prop : null),
+              "custom-params": Vue.unref(customParams),
+              modelValue: dynamicModelMethod.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dynamicModelMethod.value = $event),
+              disabled: designProperty.value.state === "disabled",
+              "additional-param-map": Vue.unref(additionalParamMap),
+              "component-id": componentId.value,
+              onSetEntityValue: customControlSetValue,
+              onSetCustomRules: setCustomvalidateRules,
+              onRestoreGridEdit: restoreGridEdit,
+              onHandleEvent: handleCustomEvent,
+              onChange: _cache[1] || (_cache[1] = ($event) => Vue.unref(eventUtil.handleEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "change"))
+            }, null, 40, ["size", "entity", "pageData", "pageContext", "configureObj", "prop", "custom-params", "modelValue", "disabled", "additional-param-map", "component-id"]))
+          ])) : Vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"])) : componentName.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
+        (Vue.openBlock(), Vue.createBlock(Vue.resolveDynamicComponent(componentName.value), {
+          ref_key: "customRef",
+          ref: customRef,
+          entity: _ctx.pageContext.entity.data,
+          pageData: _ctx.pageContext.entity.page,
+          pageContext: _ctx.pageContext,
+          configureObj: _ctx.configure,
+          prop: Vue.unref(pageHelperUtil.getFormPropName)(_ctx.configure.props && _ctx.configure.props.base ? _ctx.configure.props.base.prop : null),
+          "custom-params": Vue.unref(customParams),
+          modelValue: dynamicModelMethod.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dynamicModelMethod.value = $event),
+          disabled: designProperty.value.state === "disabled",
+          "additional-param-map": Vue.unref(additionalParamMap),
+          "component-id": componentId.value,
+          onSetEntityValue: customControlSetValue,
+          onSetCustomRules: setCustomvalidateRules,
+          onRestoreGridEdit: restoreGridEdit,
+          onHandleEvent: handleCustomEvent,
+          onChange: _cache[3] || (_cache[3] = ($event) => Vue.unref(eventUtil.handleEvent)(dynamicModelMethod.value, _ctx.pageContext, _ctx.configure, "change"))
+        }, null, 40, ["entity", "pageData", "pageContext", "configureObj", "prop", "custom-params", "modelValue", "disabled", "additional-param-map", "component-id"]))
+      ])) : Vue.createCommentVNode("", true);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/form/date-picker/datepicker-runtime.vue.js

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