super-page-runtime 1.0.14 → 1.0.16

package/components/runtime/views/assemblys/form/switch/switch-runtime.vue

@@ -0,0 +1,63 @@
+<template>
+  <el-form-item
+    :required="designProperty.required"
+    :class="runtimeClass"
+    :label-width="designProperty.labelWidth"
+    :style="runtimeStyle"
+  >
+    <template #label>
+      <div v-if="designProperty.tittleShow" :style="{ ...headerStyle }">
+        {{ designProperty.title }}
+      </div>
+    </template>
+    <el-switch
+      :disabled="designProperty.state === 'disabled'"
+      :active-value:="designProperty.activeValue"
+      :active-text="designProperty.activeText"
+      :inactive-value="designProperty.inactiveValue"
+      :inactive-text="designProperty.inactiveText"
+      :width="designProperty.offOnWidth"
+      :size="designProperty.size"
+      :style="switchStyle"
+      v-model="dynamicModelMethod"
+    />
+  </el-form-item>
+</template>
+<script lang="ts" setup>
+import { computed } from 'vue'
+import type {
+  Component,
+  PageContext
+} from '../../../../../../src/utils/interfaces/page-design-types'
+import { getFormModelFields } from '../../../../../../src/utils/page-init-util'
+import { getVariableValue, setVariableValue } from '../../../../../../src/utils/page-helper-util'
+
+//定义的属性对象
+interface MyProps {
+  //页面对象
+  pageContext: PageContext
+  configure: Component
+}
+
+const props = defineProps<MyProps>()
+
+const entity: any = props.pageContext.entity ? props.pageContext.entity : {}
+let dynamicFields: string[] = getFormModelFields(props.pageContext, props.configure)
+
+//绑定模型的字段
+const dynamicModelMethod = computed({
+  get() {
+    return getVariableValue(entity, dynamicFields)
+  },
+  set(value) {
+    setVariableValue(entity, dynamicFields, value)
+  }
+})
+//运行时信息
+const runtimeInfo: any = props.configure.runtime ? props.configure.runtime : {}
+const runtimeStyle = runtimeInfo.style
+const runtimeClass = runtimeInfo.class
+const headerStyle = runtimeInfo.headerStyle
+const designProperty: any = runtimeInfo.props ? runtimeInfo.props : {}
+const switchStyle = runtimeInfo.switchStyle
+</script>

package/components/runtime/views/assemblys/form/tag/tag-runtime.vue

@@ -0,0 +1,65 @@
+<template>
+  <el-form-item
+    :required="designProperty.required"
+    :class="runtimeClass"
+    :label-width="designProperty.labelWidth"
+    :style="runtimeStyle"
+  >
+    <template #label>
+      <div v-if="designProperty.tittleShow" :style="{ ...headerStyle }">
+        {{ designProperty.title }}
+      </div>
+    </template>
+    <el-tag
+      :size="designProperty.size"
+      :closable="designProperty.closable"
+      :type="designProperty.type"
+    >
+      {{ dynamicValue }}
+    </el-tag>
+  </el-form-item>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+import type {
+  Component,
+  PageContext
+} from '../../../../../../src/utils/interfaces/page-design-types'
+import { getFormModelFields } from '../../../../../../src/utils/page-init-util'
+import { formatVariableValue } from '../../../../../../src/utils/page-helper-util'
+
+//定义的属性对象
+interface MyProps {
+  //页面对象
+  pageContext: PageContext
+  configure: Component
+}
+const props = defineProps<MyProps>()
+//初始化字段及默认值
+getFormModelFields(props.pageContext, props.configure)
+
+//定义自身详细参数
+//运行时信息
+const runtimeInfo: any = props.configure.runtime ? props.configure.runtime : {}
+const runtimeStyle = runtimeInfo.style
+const runtimeClass = runtimeInfo.class
+const headerStyle = runtimeInfo.headerStyle
+const designProperty: any = runtimeInfo.props ? runtimeInfo.props : {}
+
+//定义内容
+let contentVariable = designProperty.formatting
+if (!contentVariable) {
+  const propsBase = props.configure.props.base ? props.configure.props.base : {}
+  contentVariable = propsBase.prop
+}
+//无值时,按UUID
+if (!contentVariable) {
+  contentVariable = '${page.' + props.configure.uuid + '}'
+}
+//显示内容
+const dynamicValue = computed(() => {
+  const resultValue = formatVariableValue(props.pageContext, contentVariable)
+  return resultValue == undefined || resultValue == null ? '' : resultValue
+})
+</script>

package/{src/components → components}/runtime/views/assemblys/form/textarea/textarea-runtime.vue

@@ -28,9 +28,12 @@
 </template>
 <script lang="ts" setup>
 import { computed } from 'vue'
-import type { Component, PageContext } from '../../../../utils/interfaces/page-design-types'
-import { getFormModelFields } from '../../../../utils/page-init-util'
-import { getVariableValue, setVariableValue } from '../../../../utils/page-helper-util'
+import type {
+  Component,
+  PageContext
+} from '../../../../../../src/utils/interfaces/page-design-types'
+import { getFormModelFields } from '../../../../../../src/utils/page-init-util'
+import { getVariableValue, setVariableValue } from '../../../../../../src/utils/page-helper-util'
 interface MyProps {
   pageContext: PageContext
   configure: Component

package/{src/components → components}/runtime/views/assemblys/object-render.vue

@@ -15,11 +15,11 @@
 import { ref, markRaw, onMounted, computed } from 'vue'
 import ErrorRender from './error-render.vue'
 import { getRuntimeComponentByName } from '../../utils/assemblys-config.js'
-import type { PageContext, Component } from '../../utils/interfaces/page-design-types'
-import { PageDimensions } from '../../utils/interfaces/page-design-types'
-import { addComponentRef, addComponentRefByCode } from '../../utils/global-refs'
-import { getPermissionCodes } from '../../utils/page-init-util'
-import { caculateShowCondition } from '../../utils/page-helper-util'
+import type { PageContext, Component } from '../../../../src/utils/interfaces/page-design-types'
+import { PageDimensions } from '../../../../src/utils/interfaces/page-design-types'
+import { addComponentRef, addComponentRefByCode } from '../../../../src/utils/global-refs'
+import { getPermissionCodes } from '../../../../src/utils/page-init-util'
+import { caculateShowCondition } from '../../../../src/utils/page-helper-util'
 //定义的属性对象
 interface MyProps {
   //页面对象
@@ -158,7 +158,7 @@ onMounted(() => {
   } else if (thisStyle.position) {
     //按定位设置
     runtimeStyle.value['position'] = thisStyle.position
-    if (runtimeStyle.position != 'relative') {
+    if (runtimeStyle.value.position != 'relative') {
       //其余需要默认当前的宽度
       if (!runtimeStyle.value['width']) {
         const thisRec = thisRef.value.getBoundingClientRect()

package/{src/components → components}/runtime/views/assemblys/page/page-attr-base-20240429-1.vue

@@ -137,7 +137,7 @@
 <script lang='ts' setup>
     import { ref,computed, defineEmits} from 'vue';
     import {Search} from '@element-plus/icons';
-    import type { PageDesign } from '@/components/design/utils/helper/page-helper-util';
+    import type { PageDesign } from '../../../../../src/utils/helper/page-helper-util';
 
     interface MyProps{
       configure:PageDesign

package/components/runtime/views/assemblys/page/page-attr-base.vue

@@ -0,0 +1,259 @@
+<template>
+  <el-form label-width="80px">
+    <el-collapse v-model="openCollapseItems" style="margin-top: 6px">
+      <el-collapse-item title="基本" name="1" class="amb-design-attr-group-header">
+        <div style="padding: 8px 0px 0px 0px">
+          <el-form-item label="编码">
+            <el-text>{{ configure.code }}</el-text>
+          </el-form-item>
+          <el-form-item label="名称" style="margin-top: -10px">
+            <el-input v-model="configure.name"></el-input>
+          </el-form-item>
+          <el-form-item label="Flex布局" style="margin-top: -10px; margin-bottom: -15px">
+            <el-switch v-model="configure.props.isFlex" />
+          </el-form-item>
+          <el-form-item
+            v-if="configure.props.isFlex"
+            label="水平对齐"
+            style="margin-top: 18px; margin-bottom: -15px"
+          >
+            <el-select v-model="configure.props.flexJustify" placeholder="默认" clearable>
+              <el-option label="start" value="start" />
+              <el-option label="center" value="center" />
+              <el-option label="space-between" value="space-between" />
+              <el-option label="space-around" value="space-around" />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-if="configure.props.isFlex == '2'"
+            label="分栏间隔"
+            style="margin-bottom: -15px; margin-top: -10px"
+          >
+            <el-select v-model="configure.props.flexGutter" placeholder="默认" clearable>
+              <el-option v-for="item in gutters" :label="item" :value="item" />
+            </el-select>
+          </el-form-item>
+        </div>
+      </el-collapse-item>
+      <el-collapse-item title="工作流" name="2" class="amb-design-attr-group-header">
+        <div style="padding: 8px 0px 0px 0px">
+          <el-form-item label="启用" style="margin-bottom: -14px">
+            <el-switch v-model="configure.props.activeWorkflow" />
+          </el-form-item>
+
+          <el-form-item
+            v-if="configure.props.activeWorkflow"
+            label="是否引用"
+            style="margin-top: 14px; margin-bottom: -15px"
+          >
+            <el-switch v-model="configure.props.isLinkWorkflow" />
+          </el-form-item>
+
+          <el-form-item
+            v-if="configure.props.activeWorkflow && configure.props.isLinkWorkflow"
+            label="选择引用"
+            style="margin-top: 18px; margin-bottom: -12px"
+          >
+            <el-input v-model="configure.props.linkWorkflow" readonly="true">
+              <template #append>
+                <el-button :icon="Search" @click="selectWorkflow" />
+              </template>
+            </el-input>
+          </el-form-item>
+        </div>
+      </el-collapse-item>
+
+      <el-collapse-item title="页面变量" name="3" class="amb-design-attr-group-header">
+        <div style="padding: 8px 0px 0px 0px">
+          <el-form-item label="数据模型" class="amb-design-attr-item">
+            <el-input
+              v-model="configure.tableAlias"
+              :title="configure.tableAlias"
+              clearable
+              readonly="true"
+            >
+              <template #append>
+                <el-button :icon="Search" @click="selectTable" size="small" />
+                <el-button :icon="Close" @click="clearTable" title="Clear" size="small" />
+              </template>
+            </el-input>
+          </el-form-item>
+          <el-form label-position="top">
+            <el-form-item label-position="top" class="amb-design-attr-item">
+              <template #label>
+                &nbsp;&nbsp;自定义变量(待定)
+                <el-button
+                  type="primary"
+                  round
+                  :icon="Setting"
+                  @click="customVariables"
+                  size="small"
+                />
+              </template>
+              <el-tree
+                style="border: 1px solid #f5f6f8; padding: 10px; width: 100%; min-height: 100px"
+                :data="variableTreeDatas"
+                :props="variableDefaultProps"
+                default-expand-all
+                :expand-on-click-node="false"
+              />
+            </el-form-item>
+          </el-form>
+        </div>
+      </el-collapse-item>
+    </el-collapse>
+    <commonSelectTableDialog
+      ref="selectTableDialog"
+      @select-table="onSelectTable"
+      :systemCode="configure.systemCode"
+      :systemVersion="configure.systemVersion"
+    ></commonSelectTableDialog>
+
+    <variableDialog
+      ref="refVariableDialog"
+      :pageDesign="configure"
+      @close="onCloseVariableDialog"
+    ></variableDialog>
+  </el-form>
+</template>
+<script lang="ts" setup>
+import { ref, computed, defineEmits } from 'vue'
+import { Search, Close, Setting } from '@element-plus/icons'
+import commonSelectTableDialog from '../common/common-select-table.vue'
+import variableDialog from './variable-dialog.vue'
+import type { PageDesign } from '../../../../../src/utils/interfaces/page-design-types'
+// import { queryTableFields } from '../../../../../src/utils/page-table-util'
+
+interface MyProps {
+  configure: PageDesign
+}
+const props = defineProps<MyProps>()
+
+/**
+ * 自定义参数树定义
+ */
+const variableDefaultProps = {
+  children: 'children',
+  label: 'label'
+}
+
+/**
+ * 自定义参数的Json树
+ */
+const variableTreeDatas = ref([])
+//转换为自定义参数显示的数据
+variableTreeDatas.value = getVariablesTreeData(props.configure.variables)
+
+//分栏可选项
+const gutters = ref([2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 24])
+
+const openCollapseItems = ref(['1', '2', '3'])
+
+const selectTableDialog: any = ref(null)
+const refVariableDialog: any = ref(null)
+/**
+ * 选择引用的页面
+ */
+function selectPage() {
+  alert('select page')
+}
+
+/**
+ * 选择引用的页面
+ */
+function selectWorkflow() {
+  alert('select workflow')
+}
+
+/**
+ * 选择表名
+ */
+function selectTable() {
+  selectTableDialog.value.openDialog()
+}
+
+function clearTable() {
+  props.configure.tableAlias = ''
+  props.configure.tableName = ''
+  props.configure.modelFields = []
+}
+
+/**
+ * 选择数据表时
+ * @param tableInfo
+ */
+function onSelectTable(tableInfo: any) {
+  //检查选择的数据表与之前的字段是否一致
+  let hisKey = props.configure.tableSysCode ? props.configure.tableSysCode : ''
+  hisKey += '_'
+  hisKey += props.configure.tableSysVersion ? props.configure.tableSysVersion : ''
+  hisKey += '_'
+  hisKey += props.configure.tableName ? props.configure.tableName : ''
+  let newKey = tableInfo.systemCode ? tableInfo.systemCode : ''
+  newKey += '_'
+  newKey += tableInfo.systemVersion ? tableInfo.systemVersion : ''
+  newKey += '_'
+  newKey += tableInfo.name ? tableInfo.name : ''
+  if (newKey != hisKey) {
+    props.configure.tableSysCode = tableInfo.systemCode
+    props.configure.tableSysVersion = tableInfo.systemVersion
+    props.configure.tableName = tableInfo.name
+    props.configure.tableAlias = tableInfo.alias
+
+    const systemCode = tableInfo.systemCode ? tableInfo.systemCode : props.configure.systemCode
+    const systemVersion = tableInfo.systemVersion
+      ? tableInfo.systemVersion
+      : props.configure.systemVersion
+    //查询表字段,设置到页面对象中
+    // queryTableFields(systemCode, systemVersion, tableInfo.name).then((tableFields) => {
+    //   props.configure.modelFields = tableFields
+    //   console.log('queryTableFields', tableFields)
+    // })
+  }
+}
+
+/**
+ * 自定义页面变量
+ */
+function customVariables() {
+  refVariableDialog.value.openDialog()
+}
+
+/**
+ * 关闭后的事件
+ */
+function onCloseVariableDialog() {
+  //重新计算生成一次
+  variableTreeDatas.value = getVariablesTreeData(props.configure.variables)
+}
+
+function getVariablesTreeData(variables: any) {
+  const treeDatas = convertVariablesToTree(variables)
+  if (!treeDatas) {
+    return [{ label: '无自定义' }]
+  } else {
+    return treeDatas
+  }
+}
+/**
+ * 转换自定义参数对象为Json对象
+ */
+function convertVariablesToTree(variables: any): any {
+  if (variables == null || variables.length == 0) {
+    return null
+  } else {
+    const items = []
+    for (let variable of variables) {
+      const item: any = {
+        label: variable.name + (variable.alias ? '(' + variable.alias + ')' : '')
+      }
+      const children = convertVariablesToTree(variable.items)
+      if (children) {
+        item.children = children
+      }
+      items.push(item)
+    }
+    return items
+  }
+}
+</script>

package/components/runtime/views/assemblys/workflow/picture-flow/pictureflow-attr.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="amb-design-attr-content">
+    <AttrHeader v-model="currentConfigType" />
+    <div class="amb-design-attr-list">
+      <AttrBase v-show="currentConfigType === 'base'" :configure="configure"></AttrBase>
+      <AttrStyle v-show="currentConfigType === 'style'" :configure="configure"></AttrStyle>
+      <AttrEvent v-show="currentConfigType === 'event'" :configure="configure"></AttrEvent>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import AttrBase from './pictureflow-attr-base.vue'
+import AttrStyle from './pictureflow-attr-style.vue'
+import AttrHeader from '../../form/common/attr-header.vue'
+import AttrEvent from './pictureflow-attr-event.vue'
+import { ref } from 'vue'
+
+defineProps({
+  configure: {
+    type: Object,
+    default: () => ({ title: 'Text', props: { type: 'input-text' } }) // 设置默认值
+  }
+})
+let currentConfigType = ref('base')
+</script>
+<style>
+/* @import '../../../../../../assets/design-attr.css'; */
+</style>

package/components/runtime/views/assemblys/workflow/text-history/texthistory-attr.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="amb-design-attr-content">
+    <AttrHeader v-model="currentConfigType" />
+    <div class="amb-design-attr-list">
+      <AttrBase v-show="currentConfigType === 'base'" :configure="configure"></AttrBase>
+      <AttrStyle v-show="currentConfigType === 'style'" :configure="configure"></AttrStyle>
+      <AttrEvent v-show="currentConfigType === 'event'" :configure="configure"></AttrEvent>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import AttrBase from './texthistory-attr-base.vue'
+import AttrStyle from './texthistory-attr-style.vue'
+import AttrHeader from '../../form/common/attr-header.vue'
+import AttrEvent from './texthistory-attr-event.vue'
+import { ref } from 'vue'
+
+defineProps({
+  configure: {
+    type: Object,
+    default: () => ({ title: 'Text', props: { type: 'input-text' } }) // 设置默认值
+  }
+})
+let currentConfigType = ref('base')
+</script>
+<style>
+/* @import '../../../../../../assets/design-attr.css'; */
+</style>

package/{src/components → components}/runtime/views/assemblys/workflow/workflow-button/workflowbutton-runtime.vue

@@ -10,12 +10,15 @@
     </template>
   </span>
 </template>
-<script lang='ts' setup>
+<script lang="ts" setup>
 import { ref } from 'vue'
 import ObjectRender from '../../object-render.vue'
-import type { Component, PageContext } from '@/components/design/utils/interfaces/page-design-types'
-import { getClickEventFuncByType } from '../../../../utils/events/event-util'
-import { isVisibleWorkflowButton } from '../../../../utils/events/standard-event'
+import type {
+  Component,
+  PageContext
+} from '../../../../../../src/utils/interfaces/page-design-types'
+import { getClickEventFuncByType } from '../../../../../../src/utils/events/event-util'
+import { isVisibleWorkflowButton } from '../../../../../../src/utils/events/standard-event'
 interface MyProps {
   pageContext: PageContext
   configure: Component
@@ -30,12 +33,12 @@ const runtimeClass = runtimeInfo.class
 const buttonInfo = props.pageContext.workflowButtonComponent
 const completeTaskParam = props.pageContext.completeTaskParam
 const visibleBtns = ref([])
-props.configure.items.forEach(item=>{
-	const pageCode = props.pageContext.code
-const pageVersion = props.pageContext.version
-	if(isVisibleBtn(item, pageCode, pageVersion)){
-		visibleBtns.value.push(item)
-	}
+props.configure.items.forEach((item) => {
+  const pageCode = props.pageContext.code
+  const pageVersion = props.pageContext.version
+  if (isVisibleBtn(item, pageCode, pageVersion)) {
+    visibleBtns.value.push(item)
+  }
 })
 
 function getStandardClickEvent(events, pageCode, pageVersion) {
@@ -50,12 +53,12 @@ function getStandardClickEvent(events, pageCode, pageVersion) {
 
 function isVisibleBtn(btnConfigure, pageCode, pageVersion) {
   const events = btnConfigure.events
-	const workflowStandardEventName = getStandardClickEvent(events, pageCode, pageVersion)
-	const isVisible = isVisibleWorkflowButton(
-		workflowStandardEventName,
-		buttonInfo,
-		completeTaskParam
-	)
-	return isVisible
+  const workflowStandardEventName = getStandardClickEvent(events, pageCode, pageVersion)
+  const isVisible = isVisibleWorkflowButton(
+    workflowStandardEventName,
+    buttonInfo,
+    completeTaskParam
+  )
+  return isVisible
 }
 </script>

package/{src/components → components}/runtime/views/super-page.vue

@@ -51,26 +51,30 @@
 <script lang="ts" setup>
 import { ref, reactive, onMounted, onUnmounted, onUpdated, nextTick, PropType } from 'vue'
 import ObjectRender from './assemblys/object-render.vue'
-import type { PageDesign, PageContext } from '../utils/interfaces/page-design-types'
-import { updateOptionDatasources } from '../utils/page-helper-util'
+import type { PageDesign, PageContext } from '../../../src/utils/interfaces/page-design-types'
+import { updateOptionDatasources } from '../../../src/utils/page-helper-util'
 import {
   queryPageDesign,
   queryPageDesignByCode,
   convertToPageContext,
   queryPageSuperGrids
-} from '../utils/page-init-util'
+} from '../../../src/utils/page-init-util'
 import {
   initComponentRefState,
   addComponentRef,
   removePageAllRef,
   getComponentRefByCode
-} from '../utils/global-refs'
-import { removeCustomFuncFromWindow, initPageEvents, handleEvent } from '../utils/events/event-util'
+} from '../../../src//utils/global-refs'
+import {
+  removeCustomFuncFromWindow,
+  initPageEvents,
+  handleEvent
+} from '../../../src/utils/events/event-util'
 import exportFormReportDialog from './assemblys/common/export-form-report-dialog.vue'
 import TaskInformitionDialog from './assemblys/common/task-informition-dialog.vue'
 import RemoveSignerDialog from './assemblys/common/remove-signer-dialog.vue'
 // import eventBus from '../utils/eventBus'
-import { getData } from '../utils/api/api-util'
+import { getData } from '../../../src/utils/api/api-util'
 import {
   exportFormReport,
   doImportFinally,
@@ -81,11 +85,11 @@ import {
   doReturnTaskTo,
   getRemoveSigner,
   doRemoveSigners
-} from '../utils/events/standard-event'
+} from '../../../src/utils/events/standard-event'
 import { ElMessage } from 'element-plus'
 import { useI18n } from 'vue-i18n'
 import { DepartmentUserTree } from 'agilebuilder-ui'
-import { i18nValidateRulesMessage } from '../utils/events/validator-util'
+import { i18nValidateRulesMessage } from '../../../src/utils/events/validator-util'
 import superPageDialog from '../../super-page-dialog/super-page-dialog.vue'
 import { useRouter } from 'vue-router'
 import { jumpToPage } from 'agilebuilder-ui/src/utils/jump-page-utils'
@@ -660,3 +664,4 @@ function closeDialog() {
   isShowDialog.value = false
 }
 </script>
+../../../src/utils/interfaces/page-design-types../../../src/utils/page-helper-util../../../src/utils/page-init-util../../../src/utils/global-refs../../../src/utils/events/event-util../../../src/utils/api/api-util../../../src/utils/events/standard-event../../../src/utils/events/validator-util

package/cypress/e2e/example.cy.ts

@@ -0,0 +1,8 @@
+// https://on.cypress.io/api
+
+describe('My First Test', () => {
+  it('visits the app root url', () => {
+    cy.visit('/')
+    cy.contains('h1', 'You did it!')
+  })
+})

package/cypress/e2e/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["./**/*", "../support/**/*"],
+  "compilerOptions": {
+    "isolatedModules": false,
+    "target": "es5",
+    "lib": ["es5", "dom"],
+    "types": ["cypress"]
+  }
+}

package/cypress/fixtures/example.json

@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}