super-page-runtime 2.0.22 → 2.0.27

package/dist/es/components/runtime/utils/page-init-util.js

@@ -2,9 +2,9 @@ import http from "agilebuilder-ui/src/utils/request";
 import { useRoute } from "vue-router";
 import { getAdditionalParamMap } from "./events/standard-event.js";
 import { PageDimensions } from "./interfaces/page-design-types.js";
-import { formatVariableValue, setVariableValue } from "./page-helper-util.js";
+import { formatVariableValue, setVariableValue, getFormPropName } from "./page-helper-util.js";
 function queryPageDesignByCode(pageCode) {
-  return http.get("/component/super-page-design/runtime/" + pageCode);
+  return http.get(window["$vueApp"].config.globalProperties.baseAPI + "/component/super-page-design/runtime/" + pageCode);
 }
 function convertToPageContext(pageDesign, pageRequest) {
   if (pageDesign == null) {
@@ -49,9 +49,9 @@ function convertToPageContext(pageDesign, pageRequest) {
       system: {}
     }
   };
-  if (pageDesign.props.activeWorkflow && pageDesign.props.workflowSource && pageDesign.props.workflowSource === "link") {
+  if (pageDesign.props && pageDesign.props.activeWorkflow && pageDesign.props.workflowSource && pageDesign.props.workflowSource === "link") {
     pageContext.workflowCode = pageDesign.props.linkWorkflowCode;
-  } else if (pageDesign.props.activeWorkflow && pageDesign.props.workflowSource && pageDesign.props.workflowSource === "create") {
+  } else if (pageDesign.props && pageDesign.props.activeWorkflow && pageDesign.props.workflowSource && pageDesign.props.workflowSource === "create") {
     pageContext.workflowCode = pageDesign.props.createWorkflowCode;
   }
   if (pageDesign.variables) {
@@ -111,15 +111,21 @@ function getRequestObject(pageRequest) {
     ;
   return requestObj;
 }
-function getFormModelFields(pageContext, formItemConfigure) {
+function getFormModelFields(pageContext, formItemConfigure, prop) {
   if (!formItemConfigure) {
     return ["temp"];
   }
   const entity = pageContext.entity;
-  const propsBase = formItemConfigure.props.base ? formItemConfigure.props.base : {};
-  let propName = propsBase.prop;
+  let propsBase;
+  let propName = prop;
+  if (!prop) {
+    propsBase = formItemConfigure.props.base ? formItemConfigure.props.base : {};
+    propName = propsBase.prop;
+  }
   let fields = null;
-  if (!propName || !propName.startsWith("${")) {
+  if (prop) {
+    fields = ["data", prop];
+  } else if (!propName || !propName.startsWith("${")) {
     fields = ["page", formItemConfigure.uuid];
   } else {
     propName = propName.substring(2, propName.length - 1);
@@ -128,9 +134,8 @@ function getFormModelFields(pageContext, formItemConfigure) {
       fields = [formItemConfigure.uuid];
     }
   }
-  debugger;
   if (entity.data.ID == void 0 && entity.data.ID == void 0) {
-    if (propsBase.defaultValue) {
+    if (propsBase && propsBase.defaultValue) {
       let defaultValue = formatVariableValue(pageContext, propsBase.defaultValue);
       if (defaultValue != null && defaultValue != void 0) {
         let isMultiple = false;
@@ -149,7 +154,7 @@ function getFormModelFields(pageContext, formItemConfigure) {
   return fields;
 }
 function getPermissionCodes(configure, pageContext) {
-  if (!pageContext || pageContext.isTest || !configure) {
+  if (!pageContext || !configure) {
     return "true";
   }
   const codes = [];
@@ -182,10 +187,10 @@ function queryPageSuperGrids(pageDesign, pageContext, publishVersion) {
   const additionalParamMap = getAdditionalParamMap(pageContext);
   let additionalParamMapJson;
   const pageCode = pageContext.code;
-  if (additionalParamMap) {
+  if (additionalParamMap && Object.keys(additionalParamMap) > 0) {
     additionalParamMapJson = JSON.stringify(additionalParamMap);
   }
-  return http.post("/component/super-page-design/super-grids", {
+  return http.post(window["$vueApp"].config.globalProperties.baseAPI + "/component/super-page-design/super-grids", {
     tableRuntimes,
     additionalParamMapJson,
     pageCode,
@@ -205,19 +210,15 @@ function packageFormRules(pageContext, configure) {
   const prop = configure.props && configure.props.base ? configure.props.base.prop : null;
   if (prop) {
     const propName = getFormPropName(prop);
+    if (!pageContext.rules) {
+      pageContext.rules = {};
+    }
     if (!pageContext.rules[propName]) {
       pageContext.rules[propName] = [];
     }
     pageContext.rules[propName] = configure.props.rules;
   }
 }
-function getFormPropName(prop) {
-  if (prop && prop.indexOf("${") >= 0) {
-    return prop.substring(prop.indexOf(".") + 1, prop.lastIndexOf("}"));
-  } else {
-    return prop;
-  }
-}
 export {
   convertToPageContext,
   getFormModelFields,

package/dist/es/components/runtime/utils/table-utils.js

@@ -1,15 +1,6 @@
 import { getBaseUrl } from "./common-util.js";
 import http from "agilebuilder-ui/src/utils/request";
 import eventBus from "./eventBus.js";
-function getDataTypeMap(backendUrl, tableName) {
-  return new Promise((resolve, reject) => {
-    getDataTypeMapRequest(backendUrl, tableName).then((dataTypeMap) => {
-      resolve(dataTypeMap);
-    }).catch(() => {
-      reject(new Error("获得数据表：" + tableName + "的字段类型集合失败"));
-    });
-  });
-}
 function getDataTypeMapRequest(backendUrl, tableName) {
   const baseUrl = getBaseUrl(backendUrl);
   return http.get(baseUrl + "/dsc/commons/tables/" + tableName + "/data-types");
@@ -18,6 +9,6 @@ function popupToPage(params) {
   eventBus.$emit(params.pageCode + "_open-dialog", params);
 }
 export {
-  getDataTypeMap,
+  getDataTypeMapRequest,
   popupToPage
 };

package/dist/es/components/runtime/views/assemblys/button/print-label/printlabel-runtime.vue.js

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

package/dist/es/components/runtime/views/assemblys/button/print-label/printlabel-runtime.vue2.js

@@ -0,0 +1,96 @@
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
+import "agilebuilder-ui";
+import { handleEvent } from "../../../../utils/events/event-util.js";
+import _sfc_main$1 from "../button/button-runtime.vue2.js";
+const _hoisted_1 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "printlabel-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
+    const showDropdown = ref(false);
+    if (designProperty.value.template && designProperty.value.template.length > 1) {
+      showDropdown.value = true;
+    }
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_ArrowDown = resolveComponent("ArrowDown");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_text = resolveComponent("el-text");
+      const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = resolveComponent("el-dropdown");
+      return !showDropdown.value ? (openBlock(), createBlock(_sfc_main$1, {
+        key: 0,
+        configure: _ctx.configure,
+        pageContext: _ctx.pageContext
+      }, null, 8, ["configure", "pageContext"])) : (openBlock(), createBlock(_component_el_dropdown, {
+        key: 1,
+        class: normalizeClass(unref(runtimeClass)),
+        style: normalizeStyle(unref(runtimeStyle)),
+        placement: designProperty.value.placement,
+        "split-button": designProperty.value.splitButton,
+        disabled: designProperty.value.state === "disabled",
+        type: designProperty.value.buttonType,
+        size: designProperty.value.size,
+        trigger: designProperty.value.trigger
+      }, {
+        dropdown: withCtx(() => [
+          createVNode(_component_el_dropdown_menu, null, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(designProperty.value.template, (item, index) => {
+                return openBlock(), createBlock(_component_el_dropdown_item, {
+                  key: item,
+                  onClick: ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "click", { menuItem: item })
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(item.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          designProperty.value.triggerElement === "button" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            !designProperty.value.splitButton ? (openBlock(), createBlock(_component_el_button, {
+              key: 0,
+              size: designProperty.value.size,
+              type: designProperty.value.buttonType,
+              onClick: _cache[0] || (_cache[0] = ($event) => unref(handleEvent)($event, _ctx.pageContext, _ctx.configure, "menuClick"))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(designProperty.value.title), 1)
+              ]),
+              _: 1
+            }, 8, ["size", "type"])) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(designProperty.value.title), 1))
+          ], 64)) : (openBlock(), createBlock(_component_el_text, { key: 1 }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(designProperty.value.title) + " ", 1),
+              createVNode(_component_el_icon, null, {
+                default: withCtx(() => [
+                  createVNode(_component_ArrowDown)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }))
+        ]),
+        _: 1
+      }, 8, ["class", "style", "placement", "split-button", "disabled", "type", "size", "trigger"]));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/runtime/views/assemblys/container/flex/flex-runtime.vue2.js

@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         justify: designProperty.value.flexJustify,
         gutter: designProperty.value.flexGutter,
         align: designProperty.value.alignItems,
-        style: normalizeStyle(unref(runtimeStyle)),
+        style: normalizeStyle([{ "display": "flex" }, unref(runtimeStyle)]),
         class: normalizeClass(unref(runtimeClass))
       }, {
         default: withCtx(() => [

package/dist/es/components/runtime/views/assemblys/data/bar-code/barcode-runtime.vue.js

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

package/dist/es/components/runtime/views/assemblys/data/bar-code/barcode-runtime.vue2.js

@@ -0,0 +1,179 @@
+import { defineComponent, computed, ref, onMounted, watch, resolveComponent, openBlock, createBlock, normalizeClass, unref, normalizeStyle, withCtx, createElementBlock, toDisplayString, createCommentVNode } from "vue";
+import qrcode from "qrcode";
+import JsBarcode from "jsbarcode";
+import { getFormModelFields } from "../../../../utils/page-init-util.js";
+import { generateCodeByRule } from "../../../../utils/barcode-util.js";
+import { getVariableValue, setVariableValue } from "../../../../utils/page-helper-util.js";
+import { handleEvent } from "../../../../utils/events/event-util.js";
+import "agilebuilder-ui/src/utils/request";
+const _hoisted_1 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "barcode-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 dynamicModelMethod = computed({
+      get() {
+        return getVariableValue(entity, dynamicFields);
+      },
+      set(value) {
+        setVariableValue(entity, dynamicFields, value);
+      }
+    });
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    const qrUrl = ref("");
+    const barcode = ref(null);
+    const barcodeFormat = ref(designProperty.value.brCodeFormat ?? "CODE128");
+    const watchVariableNames = ref([]);
+    onMounted(() => {
+      if (designProperty.value.generateRule) {
+        if (designProperty.value.generateRuleType === "fixed") {
+          handleFixedFormat();
+        } else {
+          handleSelectedRule();
+        }
+      }
+      if (dynamicModelMethod.value) {
+        createCode(dynamicModelMethod.value);
+      }
+    });
+    function getValue() {
+      return getVariableValue(entity, dynamicFields);
+    }
+    function setValue(value) {
+      return setVariableValue(entity, dynamicFields, value);
+    }
+    function handleFixedFormat() {
+      watchVariableNames.value = Array.from(
+        designProperty.value.generateRule.matchAll(/\$\{(\w+)\}/g),
+        (m) => m[1]
+      );
+      watchVariableNames.value.forEach((name) => {
+        watch(
+          () => props.pageContext.entity.data[name],
+          (newValue, oldValue) => {
+            if (newValue !== void 0 && newValue !== null) {
+              generateFixedFormatCode();
+            }
+          }
+        );
+      });
+    }
+    function handleSelectedRule() {
+      const rule = JSON.parse(
+        '[{"fieldName":"-1","fixedValue":"|"},{"fixedValue":"","fieldLength":"10","suppliement":"x","fieldName":"passenger"},{"fixedValue":"","fieldLength":"","suppliement":"","fieldName":"passengerNumber"},{"fixedValue":"AAA","fieldLength":"","suppliement":"","fieldName":"-1"}]'
+      );
+      rule.forEach((item) => {
+        if (item.fieldName !== "-1" && item.fieldName !== -1) {
+          watchVariableNames.value.push(item.fieldName);
+          watch(
+            () => props.pageContext.entity.data[item.fieldName],
+            (newValue, oldValue) => {
+              if (newValue !== void 0 && newValue !== null) {
+                const codeValue = generateCodeByRule(rule, props.pageContext.entity.data);
+                if (codeValue) {
+                  generateCode(codeValue);
+                }
+              }
+            }
+          );
+        }
+      });
+    }
+    function generateFixedFormatCode() {
+      let allVariablesPresent = true;
+      watchVariableNames.value.forEach((name) => {
+        if (!props.pageContext.entity.data[name]) {
+          allVariablesPresent = false;
+          return;
+        }
+      });
+      if (allVariablesPresent) {
+        let barCodeValue = replaceVariables(
+          designProperty.value.generateRule,
+          props.pageContext.entity.data
+        );
+        generateCode(barCodeValue);
+      }
+    }
+    function generateCode(value) {
+      createCode(value);
+      setValue(value);
+      handleEvent(value, props.pageContext, props.configure, "change", {
+        entity
+      });
+    }
+    function createCode(value) {
+      if (designProperty.value.type === "QR-code") {
+        createQrCode(value);
+      } else {
+        createBarCode(value);
+      }
+    }
+    function createBarCode(codeValue) {
+      try {
+        JsBarcode(barcode.value, codeValue, { format: barcodeFormat.value });
+      } catch (error) {
+        console.error("生成条形码时发生错误:", error);
+      }
+    }
+    function createQrCode(codeValue) {
+      qrcode.toDataURL(codeValue, (err, url) => {
+        if (err) {
+          console.error(err);
+        } else {
+          qrUrl.value = url;
+        }
+      });
+    }
+    function replaceVariables(template, variables) {
+      const regex = /\$\{(\w+)\}/g;
+      return template.replace(regex, (match, keyword) => {
+        return variables.hasOwnProperty(keyword) ? variables[keyword] : match;
+      });
+    }
+    __expose({
+      getValue,
+      setValue
+    });
+    return (_ctx, _cache) => {
+      const _component_el_form_item = resolveComponent("el-form-item");
+      return openBlock(), createBlock(_component_el_form_item, {
+        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,
+            style: normalizeStyle({ ...unref(headerStyle) })
+          }, toDisplayString(designProperty.value.title), 5)) : createCommentVNode("", true)
+        ]),
+        default: withCtx(() => [
+          designProperty.value.type === "QR-code" ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            src: qrUrl.value
+          }, null, 8, _hoisted_1)) : (openBlock(), createElementBlock("canvas", {
+            key: 1,
+            ref_key: "barcode",
+            ref: barcode
+          }, null, 512))
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};