super-page-runtime 3.0.3 → 3.0.5-beta1

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

@@ -1,7 +1,42 @@
-import http from "../../../node_modules/.pnpm/agilebuilder-ui@1.0.13_vue@3.4.21/node_modules/agilebuilder-ui/src/utils/request.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 dayjs from "../../../node_modules/.pnpm/dayjs@1.11.11/node_modules/dayjs/dayjs.min.js";
-import { executeExpression } from "../../../node_modules/.pnpm/agilebuilder-ui@1.0.13_vue@3.4.21/node_modules/agilebuilder-ui/src/utils/calculator/calculator-util.js";
+import { executeExpression } from "../../../node_modules/.pnpm/agilebuilder-ui@1.0.26_vue@3.4.21/node_modules/agilebuilder-ui/src/utils/calculator/calculator-util.js";
 import { getComponentRef } from "./global-refs.js";
+import { watch } from "vue";
+function getComponentOptionConfigs(component, pageContext2) {
+  if (!component.props || !component.props.dataOrigin) {
+    return;
+  }
+  const dataOriginInfo = component.props.dataOrigin;
+  const infoObj = {
+    uuid: component.uuid
+  };
+  if (dataOriginInfo.optionValueSetType == "optionGroup") {
+    infoObj.type = "optionGroup";
+    infoObj.props = {
+      code: dataOriginInfo.optionGroup
+    };
+  } else if (dataOriginInfo.optionValueSetType == "dynamicData") {
+    infoObj.type = "dynamicData";
+    infoObj.filterType = dataOriginInfo.filterType;
+    infoObj.props = {
+      code: dataOriginInfo.dynamicDataSourceCode
+    };
+  } else if (dataOriginInfo.optionValueSetType == "dataTable") {
+    infoObj.filterType = dataOriginInfo.filterType;
+    const tempObj = getTableQueryInfo(dataOriginInfo, pageContext2);
+    Object.assign(infoObj, tempObj);
+  } else if (dataOriginInfo.optionValueSetType == "service") {
+    infoObj.filterType = dataOriginInfo.filterType;
+    const tempObj = getServiceQueryInfo(dataOriginInfo, pageContext2);
+    Object.assign(infoObj, tempObj);
+  }
+  if (infoObj.type) {
+    return infoObj;
+  } else {
+    return void 0;
+  }
+}
 function getTableQueryInfo(dataOriginInfo, pageContext2) {
   const infoObj = {};
   infoObj.type = "dataTable";
@@ -67,6 +102,84 @@ function getTableQueryInfo(dataOriginInfo, pageContext2) {
   infoObj.props.pageSize = dataOriginInfo.displayQuantity;
   return infoObj;
 }
+function getServiceQueryInfo(dataOriginInfo, pageContext2) {
+  const infoObj = {};
+  infoObj.type = "service";
+  infoObj.props = {
+    serivceCode: dataOriginInfo.serviceCode,
+    systemCode: dataOriginInfo.tableSysCode ? dataOriginInfo.tableSysCode : pageContext2.systemCode,
+    systemVersion: dataOriginInfo.tableSysCode ? dataOriginInfo.tableSysCode : pageContext2.systemCode
+  };
+  if (dataOriginInfo.serviceInputs) {
+    const searchForm = [];
+    for (const f of dataOriginInfo.serviceInputs) {
+      if (!f.name || f.value) {
+        continue;
+      }
+      const tempObj = {};
+      Object.assign(tempObj, f);
+      searchForm.push(tempObj);
+    }
+    infoObj.props.inputs = searchForm;
+  }
+  infoObj.props.dataSetField = dataOriginInfo.serviceDataSetField;
+  infoObj.props.valueField = dataOriginInfo.serviceValueField;
+  infoObj.props.labelField = dataOriginInfo.serviceLabelField;
+  return infoObj;
+}
+function updateChartDatasources(pageContext2, dataSourceConfs, appendParams) {
+  return new Promise((resolve, reject) => {
+    if (!dataSourceConfs || dataSourceConfs.length == 0) {
+      reject(new Error("无需查询的统计图配置!"));
+      return;
+    }
+    const entityData2 = pageContext2.entity ? pageContext2.entity : {};
+    const additionalParamMap = {};
+    if (entityData2.request) {
+      Object.assign(additionalParamMap, entityData2.request);
+    }
+    if (entityData2.page) {
+      Object.assign(additionalParamMap, entityData2.page);
+    }
+    if (appendParams) {
+      Object.assign(additionalParamMap, appendParams);
+    }
+    const taskMap = {};
+    if (entityData2.task) {
+      Object.assign(taskMap, entityData2.task);
+    }
+    const param = {
+      entityMap: entityData2.data,
+      additionalParamMap,
+      taskMap,
+      dataSourceList: dataSourceConfs,
+      systemCode: pageContext2.systemCode,
+      pageCode: pageContext2.code
+    };
+    let baseUrl = pageContext2.backendUrl;
+    if (!baseUrl) {
+      baseUrl = window["$vueApp"].config.globalProperties.baseURL;
+    }
+    const url = baseUrl + "/common/common-data/find-chart-datas";
+    http.post(url, param).then((result) => {
+      if (!pageContext2.chartDataSourceMap) {
+        pageContext2.chartDataSourceMap = {};
+      }
+      for (const uuid in result) {
+        pageContext2.chartDataSourceMap[uuid] = result[uuid];
+        const componentObj = getComponentRef(pageContext2, uuid);
+        if (componentObj && componentObj.updateChartDatas) {
+          componentObj.updateChartDatas(result[uuid]);
+        }
+      }
+      console.log("查询统计图数据完成", result);
+      resolve(result);
+    }).catch((error) => {
+      console.log("查询统计图数据失败", error);
+      reject(error);
+    });
+  });
+}
 function updateOptionDatasources(pageContext2, dataSourceConfs, query) {
   return new Promise((resolve, reject) => {
     if (!dataSourceConfs || dataSourceConfs.length == 0) {
@@ -89,7 +202,11 @@ function updateOptionDatasources(pageContext2, dataSourceConfs, query) {
       systemCode: pageContext2.systemCode,
       query
     };
-    const url = window["$vueApp"].config.globalProperties.baseAPI + "common/common-data/find-datas";
+    let baseUrl = pageContext2.backendUrl;
+    if (!baseUrl) {
+      baseUrl = window["$vueApp"].config.globalProperties.baseURL;
+    }
+    const url = baseUrl + "/common/common-data/find-datas";
     http.post(url, param).then((result) => {
       if (!pageContext2.optionSourceMap) {
         pageContext2.optionSourceMap = {};
@@ -116,6 +233,13 @@ function getOptionDatasFromPage(pageContext2, configure2) {
   const cacheOptions = pageContext2.optionSourceMap[configure2.uuid];
   return cacheOptions ? cacheOptions : [];
 }
+function getChartDatasFromPage(pageContext2, configure2) {
+  if (!pageContext2 || !pageContext2.chartDataSourceMap || !configure2) {
+    return null;
+  }
+  const cacheDatas = pageContext2.chartDataSourceMap[configure2.uuid];
+  return cacheDatas;
+}
 function queryOptionDatasources(pageContext2, dataSourceConf, query) {
   return updateOptionDatasources(pageContext2, dataSourceConf ? [dataSourceConf] : [], query);
 }
@@ -206,6 +330,14 @@ function getVariableValue(entity, fields) {
   }
   return tempObj;
 }
+function setValueForVariableName(entity, variableName, newValue) {
+  if (!variableName || !variableName.startsWith("${")) {
+    return;
+  }
+  variableName = variableName.substring(2, variableName.length - 1);
+  const fields = variableName.split(".");
+  setVariableValue(entity, fields, newValue);
+}
 function setVariableValue(entity, fields, newValue) {
   if (!entity || !fields || fields.length == 0) {
     return;
@@ -345,70 +477,46 @@ function getValueFromVariable(entity, variable) {
   }
 }
 function getValueFromSource(valueSource, paramName, paramType) {
-  if (!valueSource || !paramName) {
+  if (paramType != "context" && !valueSource || !paramName) {
     return void 0;
   }
   const firstIndex = paramName.indexOf(".");
   if (firstIndex > -1) {
     const tempParamName = paramName.substring(0, firstIndex);
     const newParamName = paramName.substring(firstIndex + 1);
-    return getValueFromSource(valueSource[tempParamName], newParamName, paramType);
+    let childValue = valueSource[tempParamName];
+    if (childValue && Array.isArray(childValue) && childValue.length > 0) {
+      childValue = childValue[0];
+    }
+    return getValueFromSource(childValue, newParamName, paramType);
   } else {
     if (paramType == "context") {
+      console.log("newDate", paramName);
       if (paramName == "currentDate" || paramName == "currentTime") {
         return /* @__PURE__ */ new Date();
+      } else if (paramName.startsWith("currentDate") && paramName.length > 11) {
+        const str = paramName.substring(11);
+        const symbol = str.substring(0, 1);
+        let num = parseInt(str.substring(1, str.length - 1), 10);
+        const unit = str.substring(str.length - 1);
+        const date = /* @__PURE__ */ new Date();
+        num = "+" === symbol ? num : -num;
+        if (unit === "d" || unit === "w") {
+          num = unit === "w" ? num * 7 : num;
+          date.setDate(date.getDate() + num);
+        } else if (unit === "m") {
+          date.setMonth(date.getMonth() + num);
+        } else if (unit === "y") {
+          date.setFullYear(date.getFullYear() + num);
+        }
+        return date;
       }
-    }
-    return valueSource[paramName];
-  }
-}
-function openLink(component, pageContext2) {
-  const linkPage = component && component.props && component.props.linkPage ? component.props.linkPage : {};
-  if (!linkPage.linkType) {
-    alert("未指定打开方式!");
-    return;
-  }
-  let linkUrl = "";
-  if (linkPage.linkType == "url") {
-    linkUrl = linkPage.jumpPageUrl;
-    if (!linkUrl) {
-      alert("未设置链接地址!");
-      return;
-    }
-  } else {
-    if (!linkPage.jumpPageCode) {
-      alert("未选择页面!");
-      return;
-    }
-    linkUrl = "page:" + linkPage.jumpPageCode;
-  }
-  let appendParams = "";
-  if (linkPage.isNeedId) {
-    const entity = pageContext2.entity ? pageContext2.entity : {};
-    const data = entity.data ? entity.data : {};
-    appendParams = "id=" + (data.id ? data.id : "");
-  }
-  if (linkPage.appendParams) {
-    for (const p of linkPage.appendParams) {
-      if (!p.name) {
-        continue;
-      }
-      if (appendParams.length > 0) {
-        appendParams += "&";
+      if (!valueSource) {
+        return void 0;
       }
-      appendParams += p.name + "=";
-      appendParams += formatVariableValue(pageContext2, p.value);
     }
+    return valueSource[paramName];
   }
-  if (appendParams) {
-    if (linkUrl.indexOf("?") == -1) {
-      linkUrl += "?";
-    } else {
-      linkUrl += "&";
-    }
-    linkUrl += appendParams;
-  }
-  alert("链接到：" + linkUrl);
 }
 function caculateShowCondition(pageContext, configure, showConditions) {
   if (!showConditions || showConditions.length == 0 || !pageContext || !pageContext.entity) {
@@ -488,16 +596,73 @@ function caculateShowCondition(pageContext, configure, showConditions) {
     return true;
   }
 }
+function monitorFieldChange(pageContext2, monitorFields, triggerFunc) {
+  if (!triggerFunc || !pageContext2 || !monitorFields || monitorFields.length == 0) {
+    return;
+  }
+  const monitorFieldInfos = [];
+  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]);
+        }
+      }
+    }
+  }
+  const entity = pageContext2.entity;
+  let firstValue = getMonitorFieldValues(monitorFieldInfos, entity);
+  let monitorTimeout = false;
+  for (const preField of preFields) {
+    watch(entity[preField], () => {
+      if (monitorTimeout) {
+        clearTimeout(monitorTimeout);
+      }
+      monitorTimeout = setTimeout(function() {
+        const newValue = getMonitorFieldValues(monitorFieldInfos, entity);
+        if (firstValue != newValue) {
+          firstValue = newValue;
+          triggerFunc();
+        }
+      }, 200);
+    });
+  }
+}
+function getMonitorFieldValues(monitorFieldInfos, entity) {
+  let values = "";
+  for (const fieldInfo of monitorFieldInfos) {
+    values += "_" + getVariableValue(entity, fieldInfo);
+  }
+  return values;
+}
+function getFormPropName(prop) {
+  if (prop && prop.indexOf("${") >= 0) {
+    return prop.substring(prop.indexOf(".") + 1, prop.lastIndexOf("}"));
+  } else {
+    return prop;
+  }
+}
 export {
   autoSetAfterSelect,
   caculateShowCondition,
   formatValueByType,
   formatVariableValue,
+  getChartDatasFromPage,
+  getComponentOptionConfigs,
+  getFormPropName,
   getOptionDatasFromPage,
+  getValueFromSource,
+  getValueFromVariable,
   getVariableValue,
-  openLink,
+  monitorFieldChange,
   queryOptionDatasources,
   queryOptions,
+  setValueForVariableName,
   setVariableValue,
+  updateChartDatasources,
   updateOptionDatasources
 };

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

@@ -17,12 +17,13 @@ export declare function queryPageDesignByCode(pageCode: string): Promise<any>;
  * @param pageDesign 页面设计对象
  */
 export declare function convertToPageContext(pageDesign: PageDesign, pageRequest: object): PageContext | null;
+export declare function getModelFields(pageContext: PageContext, formItemConfigure: Component, prop?: string): string[];
 /**
  * 获取表单元素模型名称
  * @param pageContext 页面对象
  * @param formItemConfigure 表单元素配置参数
  */
-export declare function getFormModelFields(pageContext: PageContext, formItemConfigure: Component): string[];
+export declare function getFormModelFields(pageContext: PageContext, formItemConfigure: any, prop?: string): string[];
 /**
  * 获取组件的权限编码
  * @param configure
@@ -36,3 +37,4 @@ export declare function getPermissionCodes(configure: Component, pageContext: Pa
  * @returns
  */
 export declare function queryPageSuperGrids(pageDesign: any, pageContext: any, publishVersion: any): Promise<any>;
+export declare function packageFormRules(pageContext: PageContext, configure: any): void;

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

@@ -1,9 +1,12 @@
-import http from "../../../node_modules/.pnpm/agilebuilder-ui@1.0.13_vue@3.4.21/node_modules/agilebuilder-ui/src/utils/request.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 { useRoute } from "../../../node_modules/.pnpm/vue-router@4.3.0_vue@3.4.21/node_modules/vue-router/dist/vue-router.js";
+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) {
@@ -16,11 +19,11 @@ function convertToPageContext(pageDesign, pageRequest) {
     code: pageDesign.code,
     version: pageDesign.version,
     dimensions: pageDesign.dimensions,
-    rules: pageDesign.rules,
-    // 表单验证规则
+    rules: [],
+    // rules: pageDesign.rules, // 表单验证规则。在runtime object-render中实时获得
     tableUuids: pageDesign.tableUuids,
     // 表格uuid集合
-    tableNames: pageDesign.tableNames,
+    listCodes: pageDesign.listCodes,
     // 当前页面中表格对应的数据表名集合，后台保存子表记录时需要
     formNoRuleCode: pageDesign.formNoRuleCode,
     // 表单编号规则
@@ -38,23 +41,18 @@ function convertToPageContext(pageDesign, pageRequest) {
     // 无ID或taskId时初始条件配置
     subTablePageInfo: pageDesign.subTablePageInfo,
     // 列表分页信息，格式是：{列表编码: 每页显示多少条记录}，表单页面中校验有分页的子表时提示使用，提示信息格式：第 {pageNum} 页第 {row} 行记录
-    customValidatorUuids: pageDesign.customEvents,
-    // 自定义组件启用了“自定义校验”开关的uuid集合
+    workflowCode: pageDesign.workflowCode,
+    workflowVersion: pageDesign.workflowVersion,
     entity: {
       data: {},
       task: {},
       request: getRequestObject(pageRequest),
       //初始化request对象
       page: {},
-      context: {},
+      context: pageDesign.contextParam,
       system: {}
     }
   };
-  if (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") {
-    pageContext.workflowCode = pageDesign.props.createWorkflowCode;
-  }
   if (pageDesign.variables) {
     const pageObj = pageContext.entity.page;
     for (const variable of pageDesign.variables) {
@@ -69,6 +67,7 @@ function convertToPageContext(pageDesign, pageRequest) {
   }
   Object.assign(pageContext, pageDesign);
   pageContext.dimensions = getPageDimensions();
+  pageContext.events = pageDesign.runtime && pageDesign.runtime.events ? pageDesign.runtime.events : [];
   return pageContext;
 }
 function getPageDimensions() {
@@ -111,25 +110,45 @@ function getRequestObject(pageRequest) {
     ;
   return requestObj;
 }
-function getFormModelFields(pageContext, formItemConfigure) {
+function getModelFields(pageContext, formItemConfigure, prop) {
   if (!formItemConfigure) {
     return ["temp"];
   }
-  const entity = pageContext.entity;
-  const propsBase = formItemConfigure.props.base ? formItemConfigure.props.base : {};
-  let propName = propsBase.prop;
+  pageContext.entity;
+  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 {
+  } else if (propName.startsWith("${")) {
     propName = propName.substring(2, propName.length - 1);
     fields = propName.split(".");
-    if (fields.length < 2) {
+    if (formItemConfigure && fields.length < 2) {
       fields = [formItemConfigure.uuid];
     }
+  } else if (formItemConfigure) {
+    fields = ["page", formItemConfigure.uuid];
+  }
+  if (!fields && !formItemConfigure) {
+    return ["temp"];
+  }
+  return fields;
+}
+function getFormModelFields(pageContext, formItemConfigure, prop) {
+  const fields = getModelFields(pageContext, formItemConfigure, prop);
+  const entity = pageContext.entity;
+  let propsBase;
+  if (formItemConfigure) {
+    propsBase = formItemConfigure.props.base ? formItemConfigure.props.base : {};
   }
-  if (entity.data.ID == void 0 && entity.data.ID == void 0) {
-    if (propsBase.defaultValue) {
+  if (entity.data.ID == void 0 && entity.data.id == void 0) {
+    if (propsBase && propsBase.defaultValue) {
       let defaultValue = formatVariableValue(pageContext, propsBase.defaultValue);
       if (defaultValue != null && defaultValue != void 0) {
         let isMultiple = false;
@@ -148,8 +167,8 @@ function getFormModelFields(pageContext, formItemConfigure) {
   return fields;
 }
 function getPermissionCodes(configure, pageContext) {
-  if (!pageContext || pageContext.isTest || !configure) {
-    return "";
+  if (!pageContext || !configure) {
+    return "true";
   }
   const codes = [];
   if (configure.autoPermissions) {
@@ -178,23 +197,50 @@ function getPermissionCodes(configure, pageContext) {
 }
 function queryPageSuperGrids(pageDesign, pageContext, publishVersion) {
   const tableRuntimes = pageDesign.tableRuntimes;
-  const additionalParamMap = pageContext.entity && pageContext.entity.request && Object.keys(pageContext.entity.request).length > 0 ? pageContext.entity.request : null;
+  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", {
-    tableRuntimes,
-    additionalParamMapJson,
-    pageCode,
-    publishVersion
-  });
+  return http.post(
+    window["$vueApp"].config.globalProperties.baseAPI + "/component/super-page-design/super-grids",
+    {
+      tableRuntimes,
+      additionalParamMapJson,
+      pageCode,
+      publishVersion
+    }
+  );
+}
+function packageFormRules(pageContext, configure) {
+  const isWorkflow = pageContext.workflowCode ? true : false;
+  if (isWorkflow) {
+    const requiredRules = configure.props && configure.props.rules ? configure.props.rules.filter((item) => item.required) : null;
+    if (requiredRules && requiredRules.length > 0) {
+      requiredRules.forEach((item) => {
+        item.required = false;
+      });
+    }
+  }
+  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;
+  }
 }
 export {
   convertToPageContext,
   getFormModelFields,
+  getModelFields,
   getPermissionCodes,
+  packageFormRules,
   queryPageDesignByCode,
   queryPageSuperGrids
 };

package/dist/es/components/runtime/utils/page-permission-util.d.ts

@@ -0,0 +1,26 @@
+export declare enum FuncType {
+    /**
+     * 公用
+     */
+    AUTHENTICATED = "AUTHENTICATED",
+    /**
+     * 匿名
+     */
+    ANONYMOUS = "ANONYMOUS",
+    /**
+     * 专用
+     */
+    AUTHORIZED = "AUTHORIZED"
+}
+/**
+ * 根据简码获取对应的资源信息
+ * @param eventName 方法名
+ * @returns
+ */
+export declare function getStandPermissionInfo(eventName: string): any;
+/**
+ * 获取资源信息
+ * @param simpleCode
+ * @returns
+ */
+export declare function getFunctionInfo(simpleCode: string): any;