super-page-runtime 1.0.16 → 1.3.13

package/package.json

@@ -1,67 +1,74 @@
-{
-  "name": "super-page-runtime",
-  "version": "1.0.16",
-  "description": "AgileBuilder super page runtime",
-  "license": "ISC",
-  "main": "lib/index.js",
-  "typings": "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",
-    "mitt": "^3.0.1",
-    "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",
-    "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"
-  }
-}
+{
+  "name": "super-page-runtime",
+  "version": "1.3.13",
+  "description": "AgileBuilder super page runtime",
+  "license": "ISC",
+  "main": "dist/es/index.js",
+  "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",
+    "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",
+    "quill-delta": "5.1.0",
+    "uuid": "^9.0.1",
+    "vue-awesome": "^4.5.0",
+    "vue-codemirror": "^6.1.1",
+    "vue-draggable-plus": "^0.3.5",
+    "vue-echarts": "^6.6.9",
+    "vue-plugin-hiprint": "^0.0.56"
+  },
+  "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": "^5.0.4",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vue/eslint-config-prettier": "^8.0.0",
+    "@vue/test-utils": "^2.4.4",
+    "agilebuilder-ui": "1.1.53",
+    "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",
+    "mitt": "^3.0.1",
+    "pinia": "^2.1.7",
+    "rollup-plugin-terser": "^7.0.2",
+    "saas": "^1.0.0",
+    "sass": "^1.72.0",
+    "start-server-and-test": "^2.0.3",
+    "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/.eslintrc.cjs

@@ -1,26 +0,0 @@
-/* eslint-env node */
-require('@rushstack/eslint-patch/modern-module-resolution')
-
-module.exports = {
-  root: true,
-  'extends': [
-    'plugin:vue/vue3-essential',
-    'eslint:recommended',
-    '@vue/eslint-config-typescript',
-    '@vue/eslint-config-prettier/skip-formatting'
-  ],
-  overrides: [
-    {
-      files: [
-        'cypress/e2e/**/*.{cy,spec}.{js,ts,jsx,tsx}',
-        'cypress/support/**/*.{js,ts,jsx,tsx}'
-      ],
-      'extends': [
-        'plugin:cypress/recommended'
-      ]
-    }
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest'
-  }
-}

package/.prettierrc.json

@@ -1,8 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/prettierrc",
-  "semi": false,
-  "tabWidth": 2,
-  "singleQuote": true,
-  "printWidth": 100,
-  "trailingComma": "none"
-}

package/App.vue

@@ -1,9 +0,0 @@
-<template>
-  <router-view />
-</template>
-
-<script>
-export default {
-  name: 'App',
-}
-</script>

package/components/index.ts

@@ -1,17 +0,0 @@
-import SuperPage from './runtime'
-import SuperPageDialog from './super-page-dialog'
-import WfEditor from './wf-editor'
-export { SuperPage, SuperPageDialog, WfEditor }
-
-// import type { App } from 'vue'
-// import SuperPage from './components/runtime'
-// import SuperPageDialog from './components/super-page-dialog'
-// import WfEditor from './components/wf-editor'
-// const components = [SuperPage, SuperPageDialog, WfEditor]
-// const install = (app: App): void => {
-//   components.forEach((component) => {
-//     app.component(component.name as string, component)
-//   })
-// }
-// export { SuperPage, SuperPageDialog, WfEditor }
-// export default install

package/components/runtime/index.ts

@@ -1,2 +0,0 @@
-import SuperPage from './views/super-page.vue'
-export default SuperPage

package/components/runtime/utils/assemblys-config.js

@@ -1,294 +0,0 @@
-import {defineAsyncComponent} from 'vue';
-
-/**
- * 定义的可选类型
- */
-export const assemblyGroups = [{
-  name:'container',
-  label:'容器',
-  icon:'assets/images/group-container.png',
-  items:[{
-    name:'form',
-    label:'表单',
-    runtimeComponent:defineAsyncComponent(()=>{
-      return import('../views/assemblys/container/form/form-runtime.vue')
-    })
-  },{
-    name:'card',
-    label:'卡片',
-    runtimeComponent:defineAsyncComponent(()=>{
-      return import('../views/assemblys/container/card/card-runtime.vue')
-    })
-  },{
-    name:'collapse',
-    label:'折叠面板',
-    runtimeComponent:defineAsyncComponent(()=>{
-      return import('../views/assemblys/container/collapse/collapse-runtime.vue')
-    })
-  },{
-    name:'layout',
-    label:'Flex',
-    runtimeComponent:defineAsyncComponent(()=>{
-      return import('../views/assemblys/container/flex/flex-runtime.vue')
-    })
-  },{
-    name:'tabs',
-    label:'Tabs',
-    runtimeComponent:defineAsyncComponent(()=>{
-      return import('../views/assemblys/container/tabs/tabs-runtime.vue')
-    })
-  },{
-    name:'tools',
-    label:'工具栏',
-    runtimeComponent:defineAsyncComponent(()=>{
-      return import('../views/assemblys/container/tools/tools-runtime.vue')
-    })
-  },{
-    name:'iframe',
-    label:'Iframe',
-    runtimeComponent:defineAsyncComponent(()=>{
-      return import('../views/assemblys/container/iframe/iframe-runtime.vue')
-    })
-  },{
-    name:'container',
-    label:'布局',
-    runtimeComponent:defineAsyncComponent(()=>{
-      return import('../views/assemblys/container/container/container-runtime.vue')
-    })
-  }]},{
-    name:'form',
-    label:'表单',
-    items:[{
-      name:'input-text',
-      label:'文本框',
-        runtimeComponent:defineAsyncComponent(()=>{
-          return import('../views/assemblys/form/input-text/inputtext-runtime.vue')
-        })
-    },{
-      name:'select',
-      label:'下拉框',
-        runtimeComponent:defineAsyncComponent(()=>{
-          return import('../views/assemblys/form/select/select-runtime.vue')
-        })
-    },{
-      name:'radio',
-      label:'单选框',
-        runtimeComponent:defineAsyncComponent(()=>{
-          return import('../views/assemblys/form/radio/radio-runtime.vue')
-        })
-    },{
-      name:'checkbox',
-      label:'复选框',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/checkbox/checkbox-runtime.vue')
-      })
-    },{
-      name:'textarea',
-      label:'文本域',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/textarea/textarea-runtime.vue')
-      })
-    },{
-      name:'datePicker',
-      label:'日期/时间',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/date-picker/datepicker-runtime.vue')
-      })
-    },{
-      name:'switch',
-      label:'开关',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/switch/switch-runtime.vue')
-      })
-    },{
-      name:'inputNumber',
-      label:'计数器',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/input-number/input-number-runtime.vue')
-      })
-    },{
-      name:'tag',
-      label:'标签',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/tag/tag-runtime.vue')
-      })
-    },{
-      name:'richText',
-      label:'富文本',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/rich-text/richtext-runtime.vue')
-      })
-    },{
-      name:'divider',
-      label:'分割线',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/divider/divider-runtime.vue')
-      })
-    },{
-      name:'placeholder',
-      label:'占位符',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/placeholder/placeholder-runtime.vue')
-      })
-    },{
-      name:'link',
-      label:'链接',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/link/link-runtime.vue')
-      })
-    },{
-      name:'label',
-      label:'Label组件',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/label/label-runtime.vue')
-      })
-    },{
-      name:'dept-tree',
-      label:'组织树',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/dept-tree/depttree-runtime.vue')
-      })
-    },{
-      name:'file-upload',
-      label:'文件上传',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/form/file-upload/fileupload-runtime.vue')
-      })
-    }]
-  },{
-    name:'button',
-    label:'按钮',
-    items:[{
-      name:'button-detail',
-      label:'按钮',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/button/button/button-runtime.vue')
-      })
-    },{
-      name:'button-group',
-      label:'按钮组',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/button/button-group/buttongroup-runtime.vue')
-      })
-    },{
-      name:'dropdown',
-      label:'下拉菜单',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/button/dropdown/dropdown-runtime.vue')
-      })
-    }]
-  },{
-    name:'workflow',
-    label:'工作流',
-    items:[{
-      name:'workflow-button',
-      label:'工作流按钮',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/workflow/workflow-button/workflowbutton-runtime.vue')
-      })
-    }]
-  },{
-    name:'chart',
-    label:'统计图',
-    items:[{
-      name:'chart-column-line',
-      label:'柱/折图',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/chart/column-line/column-line-runtime.vue')
-      })
-    },{
-      name:'chart-pie',
-      label:'饼图',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/chart/pie/pie-runtime.vue')
-      })
-    },{
-      name:'chart-gauge',
-      label:'仪表盘',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/chart/gauge/gauge-runtime.vue')
-      })
-    },{
-      name:'chart-radar',
-      label:'雷达图',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/chart/radar/radar-runtime.vue')
-      })
-    },{
-      name:'chart-scatter',
-      label:'散点图',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/chart/scatter/scatter-runtime.vue')
-      })
-    }]
-  },{
-    name:'data',
-    label:'数据',
-    items:[{
-      name:'table',
-      label:'表格',
-      runtimeComponent:defineAsyncComponent(()=>{
-        return import('../views/assemblys/data/table/table-runtime.vue')
-      })
-    }]
-  }
-]
-
-/**
- * 根据组件名称获取运行时的组件
- * @param {} name
- * @returns
- */
-export function getRuntimeComponentByName(name){
-  if(!name){
-    return null;
-  }
-  for(let i =0;i<assemblyGroups.length;i++){
-    let items = assemblyGroups[i].items;
-    for(let j =0;j<items.length;j++){
-      let item = items[j];
-      if(item.name==name){
-        return item.runtimeComponent;
-      }
-    }
-  }
-  return null;
-}
-
-/**
- *
- * @returns 获取所有属于表单的组件集合
- */
-export function getFormComponentOptions () {
-	for (let assemblyGroup of assemblyGroups) {
-		if (assemblyGroup.name === 'form') {
-			const options = []
-			assemblyGroup.items.forEach(item => {
-				options.push({name: item.name, label: item.label})
-			})
-			return options
-		}
-	}
-}
-/**
- *
- * @param componentName 图表组件时值为固定的chart
- * @returns 获取指定组件的事件集合
- */
-export function getComponentEventOptions (componentName) {
-  if(componentName && componentName === 'page') {
-    // 为了提升效率，当点击的是页面节点时，不再遍历该数组
-    return
-  }
-	for (let assemblyGroup of assemblyGroups) {
-		if (assemblyGroup.name === componentName) {
-			return assemblyGroup.events
-		} else {
-      for (let item of assemblyGroup.items) {
-        if(item.name === componentName) {
-          return item.events
-        }
-      }
-    }
-	}
-}

package/components/runtime/views/assemblys/button/button/button-runtime.vue

@@ -1,49 +0,0 @@
-<template>
-  <el-button
-    :disabled="designProperty.state === 'disabled'"
-    :class="runtimeClass"
-    :style="runtimeStyle"
-    :type="designProperty.type"
-    :size="designProperty.size"
-    :text="designProperty.text"
-    :round="designProperty.round"
-    :plain="designProperty.plain"
-    @click="handleEvent($event, pageContext, configure, 'click')"
-  >
-    <template v-if="designProperty.title && designProperty.iconPosition == 'right'">
-      {{ designProperty.title }}
-      <template v-if="designProperty.iconValue"> &nbsp; </template>
-    </template>
-    <template v-if="designProperty.iconType && designProperty.iconValue">
-      <SuperIcon
-        :iconType="designProperty.iconType"
-        :iconValue="designProperty.iconValue"
-      ></SuperIcon>
-    </template>
-    <template v-if="designProperty.title && designProperty.iconPosition != 'right'">
-      <template v-if="designProperty.iconValue"> &nbsp; </template>
-      {{ designProperty.title }}
-    </template>
-  </el-button>
-</template>
-<script lang="ts" setup>
-import { SuperIcon } from 'agilebuilder-ui'
-import { ref } from 'vue'
-import type {
-  Component,
-  PageContext
-} from '../../../../../../src/utils/interfaces/page-design-types'
-import { handleEvent } from '../../../../../../src/utils/events/event-util'
-
-interface MyProps {
-  pageContext: PageContext
-  configure: Component
-}
-const props = defineProps<MyProps>()
-
-//获取默认的样式及配置
-const runtimeInfo = props.configure.runtime ? props.configure.runtime : {}
-const designProperty = runtimeInfo.props ? runtimeInfo.props : {}
-const runtimeStyle = runtimeInfo.style
-const runtimeClass = runtimeInfo.class
-</script>

package/components/runtime/views/assemblys/button/button-group/buttongroup-runtime.vue

@@ -1,26 +0,0 @@
-<template>
-  <el-button-group :class="runtimeClass" :style="runtimeStyle">
-    <template v-for="(element, itemIndex) in configure.items" :key="element.uuid">
-      <ObjectRender :pageContext="pageContext" :configure="element"></ObjectRender>
-    </template>
-  </el-button-group>
-</template>
-<script lang="ts" setup>
-import { ref, watch } from 'vue'
-import ObjectRender from '../../object-render.vue'
-import type {
-  Component,
-  PageContext
-} from '../../../../../../src/utils/interfaces/page-design-types'
-interface MyProps {
-  pageContext: PageContext
-  configure: Component
-}
-const props = defineProps<MyProps>()
-
-//自身引用
-const runtimeInfo = props.configure.runtime ? props.configure.runtime : {}
-//运行时的自身详细参数
-const runtimeStyle = runtimeInfo.style
-const runtimeClass = runtimeInfo.class
-</script>