super-page-runtime 1.0.14 → 1.0.16

package/{dist/lib/components → lib}/runtime/views/super-page.vue.js

@@ -1,22 +1,21 @@
 "use strict";
 const vue = require("vue");
 const objectRender_vue_vue_type_script_setup_true_lang = require("./assemblys/object-render.vue.js");
-const pageHelperUtil = require("../utils/page-helper-util.js");
-const pageInitUtil = require("../utils/page-init-util.js");
-const globalRefs = require("../utils/global-refs.js");
-const eventUtil = require("../utils/events/event-util.js");
+const pageHelperUtil = require("../../src/utils/page-helper-util.js");
+const pageInitUtil = require("../../src/utils/page-init-util.js");
+const globalRefs = require("../../src/utils/global-refs.js");
+const eventUtil = require("../../src/utils/events/event-util.js");
 const exportFormReportDialog_vue_vue_type_script_setup_true_lang = require("./assemblys/common/export-form-report-dialog.vue.js");
 const taskInformitionDialog_vue_vue_type_script_setup_true_lang = require("./assemblys/common/task-informition-dialog.vue.js");
 const removeSignerDialog_vue_vue_type_script_setup_true_lang = require("./assemblys/common/remove-signer-dialog.vue.js");
-const apiUtil = require("../utils/api/api-util.js");
-const standardEvent = require("../utils/events/standard-event.js");
+const apiUtil = require("../../src/utils/api/api-util.js");
+const standardEvent = require("../../src/utils/events/standard-event.js");
 const elementPlus = require("element-plus");
 const vueI18n = require("vue-i18n");
 const agilebuilderUi = require("agilebuilder-ui");
-const validatorUtil = require("../utils/events/validator-util.js");
+const validatorUtil = require("../../src/utils/events/validator-util.js");
 const superPageDialog_vue_vue_type_script_setup_true_lang = require("../../super-page-dialog/super-page-dialog.vue.js");
 const vueRouter = require("vue-router");
-require("agilebuilder-ui/src/utils/jump-page-utils");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "super-page",
   props: {

package/lib/src/utils/charts/chart-util.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const theme1 = require("../../assets/chart-themes/theme1.js");
+const theme2 = require("../../assets/chart-themes/theme2.js");
+const theme3 = require("../../assets/chart-themes/theme3.js");
+const themeMap = {
+  theme1,
+  theme2,
+  theme3
+};
+function getCustomTheme(themeName) {
+  console.log("getdd", themeName);
+  return themeMap[themeName];
+}
+exports.getCustomTheme = getCustomTheme;

package/{dist/es/components/runtime → lib/src}/utils/events/event-util.d.ts

@@ -1,4 +1,4 @@
-import { PageDesign, Component, PageContext } from '../interfaces/page-design-types';
+import { Component, PageContext, PageDesign } from '../../utils/interfaces/page-design-types';
 
 /**
  * 缓存页面事件，并转为Function对象，并绑定自定义方法到window对象上

package/{dist/lib/components → lib}/super-page-dialog/super-page-dialog.vue.js

@@ -1,6 +1,5 @@
 "use strict";
 const vue = require("vue");
-require("element-plus");
 const superPage_vue_vue_type_script_setup_true_lang = require("../runtime/views/super-page.vue.js");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "super-page-dialog",

package/lib/wf-editor/wf-editor.css

@@ -0,0 +1,4 @@
+
+button[data-v-c38a8dd9] {
+  color: blue;
+}

package/{dist/lib/components → lib}/wf-editor/wf-editor.vue.js

@@ -1,9 +1,9 @@
 "use strict";
 const vue = require("vue");
 ;/* empty css                */
-const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+const _pluginVue_exportHelper = require("../_virtual/_plugin-vue_export-helper.js");
 const _sfc_main = {};
-const _withScopeId = (n) => (vue.pushScopeId("data-v-dfafa4ba"), n = n(), vue.popScopeId(), n);
+const _withScopeId = (n) => (vue.pushScopeId("data-v-c38a8dd9"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("button", null, "Editoraaaaa", -1));
 const _hoisted_2 = [
   _hoisted_1
@@ -11,5 +11,5 @@ const _hoisted_2 = [
 function _sfc_render(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("div", null, _hoisted_2);
 }
-const WfEditor = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dfafa4ba"]]);
+const WfEditor = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c38a8dd9"]]);
 module.exports = WfEditor;

package/package-ws.json

@@ -0,0 +1,70 @@
+{
+  "name": "super-page-runtime",
+  "version": "1.0.10",
+  "description": "AgileBuilder super page runtime",
+  "license": "ISC",
+  "main": "src/index.ts",
+  "files": [
+    "dist/*"
+  ],
+  "typings": "dist/lib/index.d.ts",
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "test:e2e": "start-server-and-test preview http://localhost:4173 'cypress run --e2e'",
+    "test:e2e:dev": "start-server-and-test 'vite dev --port 4173' http://localhost:4173 'cypress open --e2e'",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "format": "prettier --write src/"
+  },
+  "dependencies": {
+    "@vueup/vue-quill": "^1.2.0",
+    "@vueuse/core": "^10.9.0",
+    "agilebuilder-ui": "1.0.13",
+    "async-validator": "^4.2.5",
+    "dayjs": "^1.11.11",
+    "echarts": "^5.5.0",
+    "jsbarcode": "^3.11.6",
+    "nprogress": "^0.2.0",
+    "qrcode": "^1.5.3",
+    "quill": "^2.0.1",
+    "uuid": "^9.0.1",
+    "vue-awesome": "^4.5.0",
+    "vue-codemirror": "^6.1.1",
+    "mitt": "^3.0.1",
+    "vue-draggable-plus": "^0.3.5",
+    "vue-echarts": "^6.6.9"
+  },
+  "devDependencies": {
+    "@element-plus/icons": "^0.0.11",
+    "@element-plus/icons-vue": "^2.3.1",
+    "@rushstack/eslint-patch": "^1.3.3",
+    "@types/jsdom": "^21.1.6",
+    "@types/node": "^20.11.28",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vue/eslint-config-prettier": "^8.0.0",
+    "@vue/test-utils": "^2.4.4",
+    "axios": "^1.6.8",
+    "cypress": "^13.6.6",
+    "element-plus": "^2.6.1",
+    "eslint": "^8.49.0",
+    "eslint-plugin-cypress": "^2.15.1",
+    "eslint-plugin-vue": "^9.17.0",
+    "js-cookie": "^3.0.5",
+    "jsdom": "^24.0.0",
+    "saas": "^1.0.0",
+    "sass": "^1.72.0",
+    "start-server-and-test": "^2.0.3",
+    "typescript": "^5.4.5",
+    "vite": "^5.1.6",
+    "vite-plugin-dts": "^3.9.1",
+    "vitest": "^1.3.1",
+    "vue": "^3.4.21",
+    "vue-i18n": "^9.10.2",
+    "vue-router": "^4.3.0",
+    "vuex": "^4.1.0"
+  }
+}

package/package.json

@@ -1,14 +1,10 @@
 {
   "name": "super-page-runtime",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "AgileBuilder super page runtime",
   "license": "ISC",
-  "main": "dist/lib/index.js",
-  "files": [
-    "dist/*",
-    "src/*"
-  ],
-  "typings": "dist/lib/index.d.ts",
+  "main": "lib/index.js",
+  "typings": "lib/index.d.ts",
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check \"build-only {@}\" --",

package/src/utils/charts/chart-util.ts

@@ -0,0 +1,41 @@
+import theme1 from '../../assets/chart-themes/theme1'
+import theme2 from '../../assets/chart-themes/theme2'
+import theme3 from '../../assets/chart-themes/theme3'
+
+//缓存主题
+const themeMap: any = {
+  theme1: theme1,
+  theme2: theme2,
+  theme3: theme3
+}
+
+/**
+ * 获取主题对象
+ * @param themeName 获取自定义的主题名称
+ * @returns
+ */
+export function getCustomTheme(themeName: string) {
+  console.log('getdd', themeName)
+  return themeMap[themeName]
+}
+
+/**
+ * 获取所有主题对象
+ * @returns
+ */
+export function getCustomThemeOptions(): Array<any> {
+  return [
+    {
+      value: 'theme1',
+      label: '主题1'
+    },
+    {
+      value: 'theme2',
+      label: '主题2'
+    },
+    {
+      value: 'theme3',
+      label: '主题3'
+    }
+  ]
+}

package/src/utils/container-style-util.ts

@@ -0,0 +1,237 @@
+import type { Component } from '../../../src/utils/interfaces/page-design-types'
+/**
+ * 生成通用的样式和Class
+ */
+export function caculateCommonStyle(
+  configure: Component,
+  commonStyle: any,
+  commonClass: any
+): void {
+  //清空设置
+  const tempStyle: any = {}
+  let tempClass = ''
+  const thisProps = configure.props ? configure.props : {}
+  const thisStyle = configure.style ? configure.style : {}
+  const thisSize = thisProps.size ? thisProps.size : {}
+  //宽度
+  //固定
+  //默认按100
+  if (thisSize.widthType == 'fix' && thisSize.fixWidth) {
+    tempStyle['width'] = thisSize.fixWidth
+    if (!tempStyle['width'].indexOf || tempStyle['width'].indexOf('px') == -1) {
+      tempStyle['width'] = tempStyle['width'] + 'px'
+    }
+  } else {
+    if (thisSize.flexSpan) {
+      tempClass += ' el-col-' + thisSize.flexSpan
+    } else {
+      tempClass += ' el-col-24'
+    }
+  }
+  //margin
+  //外边距 设计有套一层，在此设置外部的边距
+  if (thisStyle.marginTop) {
+    tempStyle['margin-top'] = thisStyle.marginTop + 'px'
+  }
+  if (thisStyle.marginRight) {
+    tempStyle['margin-right'] = thisStyle.marginRight + 'px'
+  }
+  if (thisStyle.marginBottom) {
+    tempStyle['margin-bottom'] = thisStyle.marginBottom + 'px'
+  }
+  if (thisStyle.marginLeft) {
+    tempStyle['margin-left'] = thisStyle.marginLeft + 'px'
+  }
+  //高度
+  if (thisSize.fixHeight) {
+    tempStyle['height'] = thisSize.fixHeight
+    if (!tempStyle['height'].indexOf || tempStyle['height'].indexOf('px') == -1) {
+      tempStyle['height'] = tempStyle['height'] + 'px'
+    }
+  }
+  //检查是否固定位置
+  const position = thisProps.position
+  //工具栏位置
+  if (position == 'top' || position == 'bottom') {
+    //position: -webkit-sticky
+    tempStyle['position'] = 'fixed !important'
+    tempStyle['z-index'] = '1'
+    //找展示容器的位置
+    //const contentObj = document.getElementsByClassName("amb-design-board");
+    const contentObj = [thisRef.value.parentNode]
+    if (contentObj && contentObj.length > 0) {
+      const contentRec = contentObj[0].getBoundingClientRect()
+      if (position == 'top') {
+        tempStyle['top'] = contentRec.top + 'px'
+      }
+      if (position == 'bottom') {
+        tempStyle['bottom'] = '10px'
+      }
+    }
+    //宽
+    const thisRec = thisRef.value.getBoundingClientRect()
+    tempStyle['width'] = thisRec.width + 'px'
+  } else if (thisStyle.position) {
+    //按定位设置
+    tempStyle['position'] = thisStyle.position
+    if (thisStyle.position != 'relative') {
+      //其余需要默认当前的宽度
+      if (!tempStyle['width']) {
+        const thisRec = thisRef.value.getBoundingClientRect()
+        tempStyle['width'] = thisRec.width + 'px'
+      }
+      if (thisStyle.left) {
+        tempStyle['left'] = thisStyle.left + 'px'
+      }
+      if (thisStyle.top) {
+        tempStyle['top'] = thisStyle.top + 'px'
+      }
+    }
+  }
+  commonStyle.value = tempStyle
+  commonClass.value = tempClass
+}
+
+/**
+ * 样式转换
+ * @param configure
+ * @param designStyle 动态样式名
+ * @param designClass 动态class
+ */
+export function caculateComponentStyle(
+  configure: any,
+  designStyle: any,
+  designClass: any,
+  designHeaderStyle: any
+): void {
+  //清空设置
+  const tempStyle: any = {}
+  const tempHeaderStyle: any = {}
+  let tempClass = ''
+  //从默认值中获取
+  let defineStyle: any = {}
+  if (configure.default && configure.default.style) {
+    Object.assign(defineStyle, configure.default.style)
+  }
+  //设计内容覆盖
+  if (configure.style) {
+    for (let pro in configure.style) {
+      const proValue = configure.style[pro]
+      if (proValue != undefined && proValue != null && proValue != '') {
+        defineStyle[pro] = proValue
+      }
+    }
+  }
+
+  //加粗
+  if (defineStyle.fontWeight) {
+    tempStyle['font-weight'] = 'bold'
+  }
+  //倾斜
+  if (defineStyle.incline) {
+    tempStyle['font-style'] = 'italic'
+  }
+  //字号
+  if (defineStyle.fontSize) {
+    tempStyle['font-size'] = defineStyle.fontSize
+  }
+  //颜色
+  if (defineStyle.color) {
+    tempStyle['color'] = defineStyle.color
+  }
+  if (defineStyle.textAlign) {
+    tempStyle['text-align'] = defineStyle.textAlign
+  }
+  //背景颜色
+  if (defineStyle.backgroundColor) {
+    tempStyle['background-color'] = defineStyle.backgroundColor
+  }
+  //背景图片 待设置
+  //内边距
+  if (defineStyle.paddingTop) {
+    tempStyle['padding-top'] = defineStyle.paddingTop + 'px'
+  }
+  if (defineStyle.paddingRight) {
+    tempStyle['padding-right'] = defineStyle.paddingRight + 'px'
+  }
+  if (defineStyle.paddingBottom) {
+    tempStyle['padding-bottom'] = defineStyle.paddingBottom + 'px'
+  }
+  if (defineStyle.paddingLeft) {
+    tempStyle['padding-left'] = defineStyle.paddingLeft + 'px'
+  }
+  //线宽
+  if (defineStyle.borderWidth && defineStyle.borderColor) {
+    tempStyle['border'] =
+      defineStyle.borderWidth +
+      'px ' +
+      (defineStyle.borderType ? defineStyle.borderType : 'solid') +
+      ' ' +
+      defineStyle.borderColor
+    //线框圆角
+    if (defineStyle.radius) {
+      tempStyle['border-radius'] = defineStyle.radius + 'px'
+    }
+  }
+
+  //阴影
+  if (defineStyle.shadowColor) {
+    let shadow = (defineStyle.shadowTop ? defineStyle.shadowTop : '0') + 'px '
+    shadow += (defineStyle.shadowRight ? defineStyle.shadowRight : '0') + 'px '
+    shadow += (defineStyle.shadowBottom ? defineStyle.shadowBottom : '0') + 'px '
+    shadow += (defineStyle.shadowLeft ? defineStyle.shadowLeft : '0') + 'px '
+    shadow += defineStyle.shadowColor
+    tempStyle['box-shadow'] = shadow
+  }
+
+  //自定义class
+  if (defineStyle.customClass) {
+    tempClass += ' ' + defineStyle.customClass.replace(/;/g, ' ')
+  }
+
+  //自定义样式
+  if (defineStyle.customStyle) {
+    const strs = defineStyle.customStyle.replace(/[\r\n]/g, '').split(';')
+    for (let index = 0; index < strs.length; index++) {
+      const ss = strs[index].split(':')
+      if (ss.length > 1 && ss[0] && ss[1]) {
+        if (!isNaN(ss[0])) {
+          continue
+        }
+        tempStyle[ss[0]] = ss[1]
+      }
+    }
+  }
+  //标题的样式
+  //加粗
+  if (defineStyle.headerFontWeight) {
+    tempHeaderStyle['font-weight'] = 'bold'
+  }
+  //倾斜
+  if (defineStyle.headerIncline) {
+    tempHeaderStyle['font-style'] = 'italic'
+  }
+  //字号
+  if (defineStyle.headerFontSize) {
+    tempHeaderStyle['font-size'] = defineStyle.headerFontSize
+  }
+  //颜色
+  if (defineStyle.headerColor) {
+    tempHeaderStyle['color'] = defineStyle.headerColor
+  }
+  if (defineStyle.headerTextAlign) {
+    tempHeaderStyle['text-align'] = defineStyle.headerTextAlign
+  } else {
+    tempHeaderStyle['text-align'] = 'left'
+  }
+  //背景颜色
+  if (defineStyle.headerBackgroundColor) {
+    tempHeaderStyle['background-color'] = defineStyle.headerBackgroundColor
+  }
+
+  designStyle.value = tempStyle
+  designClass.value = tempClass
+  if (designHeaderStyle) {
+    designHeaderStyle.value = tempHeaderStyle
+  }
+}

package/src/{components/runtime/utils → utils}/events/event-util.ts

@@ -1,9 +1,8 @@
-import type { PageDesign } from '../interfaces/page-design-types'
-import type { Component, PageContext } from '../interfaces/page-design-types'
+import type { Component, PageContext, PageDesign } from '../../utils/interfaces/page-design-types'
 import { isPromise } from 'agilebuilder-ui/src/utils/common-util'
 import { standardEvents, dealAfterOperate, judgeDataNumber } from './standard-event'
 import { validateDataModelFunc } from './validator-util'
-import { getComponentRef } from '../global-refs'
+import { getComponentRef } from '../../utils/global-refs'
 import { ElMessage } from 'element-plus'
 import { analysisCondition } from 'agilebuilder-ui/src/utils/util'
 import { getListCode } from '../common-util'

package/src/{components/runtime/utils → utils}/events/standard-event.ts

@@ -10,7 +10,7 @@ import { getI18n } from 'agilebuilder-ui/src/utils/util'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { useRoute } from 'vue-router'
 import { setSessionCache, getToken } from 'agilebuilder-ui/src/utils/auth'
-import { getComponentRef } from '../global-refs'
+import { getComponentRef } from '../../utils/global-refs'
 // import eventBus from '../eventBus'
 import axios from 'axios'
 import { doAfterClickEvent } from './event-util'

package/src/{components/runtime/utils → utils}/events/validator-util.ts

@@ -1,6 +1,6 @@
 import Validator from 'async-validator'
 import { ElMessage, ElMessage as Message } from 'element-plus'
-import { getComponentRef } from '../global-refs'
+import { getComponentRef } from '../../utils/global-refs'
 import { getI18n } from 'agilebuilder-ui/src/utils/util'
 
 export function setObjectPropRule(prop, rules, leafRule) {

package/tsconfig copy.json

@@ -0,0 +1,17 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.vitest.json"
+    }
+  ],
+  "compilerOptions": {
+    "module": "NodeNext"
+  }
+}

package/tsconfig.app copy.json

@@ -0,0 +1,14 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "exclude": ["src/**/__tests__/*"],
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/tsconfig.app.json

@@ -0,0 +1,14 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue", "main.ts", "package/components/index.ts"],
+  "exclude": ["src/**/__tests__/*"],
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.vitest.json"
+    }
+  ],
+  "compilerOptions": {
+    "module": "NodeNext"
+  }
+}

package/tsconfig.node copy.json

@@ -0,0 +1,19 @@
+{
+  "extends": "@tsconfig/node20/tsconfig.json",
+  "include": [
+    "vite.config.*",
+    "vitest.config.*",
+    "cypress.config.*",
+    "nightwatch.conf.*",
+    "playwright.config.*"
+  ],
+  "compilerOptions": {
+    "composite": true,
+    "noEmit": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "types": ["node"]
+  }
+}

package/tsconfig.node.json

@@ -0,0 +1,19 @@
+{
+  "extends": "@tsconfig/node20/tsconfig.json",
+  "include": [
+    "vite.config.*",
+    "vitest.config.*",
+    "cypress.config.*",
+    "nightwatch.conf.*",
+    "playwright.config.*"
+  ],
+  "compilerOptions": {
+    "composite": true,
+    "noEmit": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "types": ["node"]
+  }
+}

package/tsconfig.vitest copy.json

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.app.json",
+  "exclude": [],
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vitest.tsbuildinfo",
+
+    "lib": [],
+    "types": ["node", "jsdom"]
+  }
+}

package/tsconfig.vitest.json

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.app.json",
+  "exclude": [],
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vitest.tsbuildinfo",
+
+    "lib": [],
+    "types": ["node", "jsdom"]
+  }
+}