super-page-runtime 1.0.14 → 1.0.15

package/src/components/runtime/views/assemblys/common/export-form-report-dialog.vue

@@ -1,118 +0,0 @@
-<template>
-  <el-dialog
-    :show-close="true"
-    :append-to-body="true"
-    :title="$t('superPageRuntimeMessage.selectTemplate')"
-    model-value
-    @close="closeExportForm"
-  >
-    <el-table :data="templateFiles" style="width: 100%">
-      <el-table-column :label="$t('superPageRuntimeMessage.temlpate')" prop="templateShowPath">
-        <template v-slot="scope">
-          {{ scope.row.templateShowPath }}
-        </template>
-      </el-table-column>
-      <el-table-column :label="$t('superPageRuntimeMessage.operating')" width="200" fixed="right">
-        <template v-slot="scope">
-          <el-button type="text" size="small" @click="exportForm(scope.row)">
-            {{ $t('superPageRuntimeMessage.export') }}
-          </el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-  </el-dialog>
-</template>
-<script lang='ts' setup>
-import { onMounted, ref } from 'vue'
-import {packageTemplateFiles} from '../../../utils/common-util'
-const props = defineProps({
-  configure: {
-    type: Object,
-    required: true
-  },
-  pageContext: {
-    type: Object
-  }
-})
-const emits = defineEmits(['export', 'close'])
-const prefix = '${'
-const suffix = '}'
-const templateFiles = ref([])
-const fields = ref([])
-const configureBase = props.configure.props.base
-const dataModel = props.pageContext.entity.data
-onMounted(() => {
-  if (configureBase.templateFiles && configureBase.templateFiles.length > 0) {
-    templateFiles.value = packageTemplateFiles(configureBase.templateFiles)
-  } else if (configureBase.templateUUID && configureBase.templateShowPath) {
-    templateFiles.value.push({
-      templateUUID: configureBase.templateUUID,
-      templateShowPath: configureBase.templateShowPath
-    })
-  }
-  templateFiles.value.forEach((item) => {
-    if (item && item.templateShowPath) {
-      item.templateShowPath = formatTemplateShowPath(item.templateShowPath)
-    }
-  })
-})
-
-function getFileds(templateShowPath) {
-      console.log('templateShowPath', templateShowPath)
-      let field
-      let formatStr
-      let newValue = templateShowPath
-      const prefixIndex = newValue.indexOf(prefix)
-      const suffixIndex = newValue.indexOf(suffix)
-      console.log('prefixIndex', prefixIndex)
-      console.log('suffixIndex', suffixIndex)
-      if (prefixIndex !== -1 && suffixIndex !== -1) {
-        if (prefixIndex > suffixIndex) {
-          newValue =
-            newValue.substring(0, suffixIndex) +
-            newValue.substring(suffixIndex + suffix.length)
-          console.log('non replacement value === newValue', newValue)
-        } else {
-          field = newValue.substring(
-            prefixIndex + prefix.length,
-            suffixIndex
-          )
-          formatStr = newValue.substring(
-            prefixIndex,
-            suffixIndex + suffix.length
-          )
-          console.log('field', field)
-          console.log('formatStr', formatStr)
-          fields.value.push(field)
-          console.log('fields', fields.value)
-          newValue = newValue.replace(formatStr, '')
-          console.log('newValue', newValue)
-        }
-        return getFileds(newValue)
-      }
-      return fields.value
-    }
-    function formatTemplateShowPath(templateShowPath) {
-      const fields = getFileds(templateShowPath)
-      console.log('fields', fields)
-
-      fields.forEach((field) => {
-        const formatStr = prefix + field + suffix
-        let formatValue
-        if (
-          templateShowPath.indexOf(formatStr) !== -1 &&
-          dataModel.hasOwnProperty(field)
-        ) {
-          formatValue = dataModel[field] ? dataModel[field] : ''
-          templateShowPath = templateShowPath.replace(formatStr, formatValue)
-        }
-      })
-      return templateShowPath
-    }
-    function exportForm(row) {
-      emits('export', row)
-    }
-    function closeExportForm() {
-      emits('close')
-    }
-</script>

package/src/components/runtime/views/assemblys/common/remove-signer-dialog.vue

@@ -1,99 +0,0 @@
-<template>
-  <div>
-    <el-dialog
-      model-value
-      :title="$t('superPageRuntimeMessage.selectRemoveUsers')"
-      :close-on-click-modal="false"
-      append-to-body
-      width="30%"
-      max-height="400"
-      @open="emits('open')"
-      @opend="emits('opend')"
-      @close="emits('close')"
-      @closed="emits('closed')"
-    >
-      <el-table :data="canRemoveTasks" border style="width: 100%" @select="select">
-        <el-table-column type="selection" width="55" />
-        <el-table-column
-          prop="transactorName"
-          :label="$t('superPageRuntimeMessage.transactorName')"
-          width="180"
-        />
-        <el-table-column
-          prop="transactor"
-          :label="$t('superPageRuntimeMessage.transactor')"
-          width="180"
-        />
-        <el-table-column
-          prop="trustorName"
-          :label="$t('superPageRuntimeMessage.trustorName')"
-          width="180"
-        />
-      </el-table>
-      <template v-slot:footer>
-        <div class="dialog-footer">
-          <el-button type="primary" @click="selectRemoveUsers">
-            {{ $t('superPageRuntimeMessage.sure') }}
-          </el-button>
-          <el-button @click="$emit('close')">
-            {{ $t('superPageRuntimeMessage.cancel') }}
-          </el-button>
-        </div>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script lang='ts' setup>
-import { onMounted, ref } from 'vue'
-import { ElMessage } from 'element-plus'
-
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
-
-const props = defineProps({
-  taskId: {
-    type: Number,
-    default: null
-  },
-  // 当前环节所有待办任务集合
-  activeTasks: {
-    type: Array,
-    default: null
-  }
-})
-
-const emits = defineEmits(['open', 'opend', 'close', 'closed', 'result'])
-
-const selections = ref([])
-const canRemoveTasks = ref([])
-
-onMounted(() => {
-  canRemoveTasks.value = getCanRemoveTasks()
-})
-function select(selection) {
-  selections.value = selection
-}
-function selectRemoveUsers() {
-  if (selections.value.length === 0) {
-    ElMessage({
-      showClose: true,
-      type: 'warning',
-      message: this.$t('superPageRuntimeMessage.pleaseSelectRemoverUsers')
-    })
-    return
-  }
-  emits('result', selections.value)
-}
-// 获得可减签的任务集合。除当前任务外，所有任务都可移除
-function getCanRemoveTasks() {
-  if (props.activeTasks && props.taskId) {
-    // 过滤掉当前任务
-    return props.activeTasks.filter((task) =>
-      props.taskId !== task['id'] ? task['id'] : task['ID'] ? task['ID'] : null
-    )
-  }
-  return []
-}
-</script>

package/src/components/runtime/views/assemblys/common/task-informition-dialog.vue

@@ -1,69 +0,0 @@
-<template>
-  <div>
-    <el-dialog
-      model-value
-      :title="$t('superPageRuntimeMessage.selectNode')"
-      :close-on-click-modal="false"
-      append-to-body
-      width="30%"
-      max-height="400"
-      @open="emits('open')"
-      @opend="emits('opend')"
-      @close="emits('close')"
-      @closed="emits('closed')"
-    >
-      <el-table :data="taskInformitions" border style="width: 100%" @select="select">
-        <el-table-column type="selection" width="55" />
-        <el-table-column
-          prop="nodeName"
-          :label="$t('superPageRuntimeMessage.nodeName')"
-          width="180"
-        />
-        <el-table-column prop="nodeId" :label="$t('superPageRuntimeMessage.nodeId')" width="180" />
-      </el-table>
-      <template v-slot:footer>
-        <div class="dialog-footer">
-          <el-button type="primary" @click="selectNode">
-            {{ $t('superPageRuntimeMessage.sure') }}
-          </el-button>
-          <el-button @click="emits('close')">
-            {{ $t('superPageRuntimeMessage.cancel') }}
-          </el-button>
-        </div>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script lang='ts' setup>
-import { ref } from 'vue'
-import { ElMessage } from 'element-plus'
-
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
-defineProps({
-  taskInformitions: {
-    type: Array,
-    default: null
-  }
-})
-
-const emits = defineEmits(['open', 'opend', 'close', 'closed', 'result'])
-const selections = ref([])
-function selectNode() {
-  if (selections.value.length === 0 || selections.value.length > 1) {
-    ElMessage({
-      showClose: true,
-      type: 'warning',
-      message: t('superPageRuntimeMessage.pleaseSelectNode')
-    })
-    return
-  }
-  emits('result', this.selections[0])
-}
-
-function select(selection) {
-  selections.value = selection
-}
-</script>

package/src/components/runtime/views/assemblys/common-attr-events.vue

@@ -1,46 +0,0 @@
-<template>
-  <div style="margin-top:5px;">
-    <el-row  v-for="(eventItem,eventIndex) in events"
-      style="border-bottom:2px dashed #F5F6F8;padding-top:5px;padding-bottom:5px;">
-      <el-col  style="overflow: hidden;" :span="20">
-        &nbsp;&nbsp;{{ eventItem.name }}
-        <template v-if="eventItem.label">
-        ({{ eventItem.label }})
-        </template>
-      </el-col>
-      <el-col :span="4" style="text-align:center;font-weight:bold;">
-        <el-icon v-if="eventItem.selLogicCode" style="cursor:pointer;color:#5893EF;margin-right:6px;" title="编辑逻辑" @click='editLogic("{{eventItem.selLogicCode}}")'><Edit /></el-icon>
-        <el-icon style="cursor:pointer;" title="选择逻辑" @click="selectLogic(eventIndex)"><Search /></el-icon>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-<script lang='ts' setup>
-    import { defineEmits} from 'vue';
-    import {Edit,Search} from '@element-plus/icons';
-
-    const props = defineProps({
-        events:{
-          type:Object,
-          default:[]
-        }
-    });
-
-    setTimeout(() => {
-      if(props.events&&props.events.length>0){
-        props.events[0].selLogicCode='aa'
-      }
-    },2000);
-    
-    //选择逻辑
-    function selectLogic(eventIndex:any){
-      alert("eventIndex:"+eventIndex)
-    }
-    //编辑逻辑
-    function editLogic(logicName:any){
-      alert("edit logicName:"+logicName)
-    }
-    //拖动定义的方法
-    const $emit = defineEmits([]);
-</script>
-

package/src/components/runtime/views/assemblys/container/card/card-runtime.vue

@@ -1,56 +0,0 @@
-<template>
-  <el-card ref="thisRef" :style="runtimeStyle" :class="runtimeClass">
-    <template v-if="configure.props.base.tittleShow" #header>
-      <div :style="headerStyle">
-        <SuperIcon
-          v-if="configure.props.iconType && configure.props.iconValue"
-          :iconType="configure.props.iconType"
-          :iconValue="configure.props.iconValue"
-          style="margin-right: 2px"
-        ></SuperIcon>
-        {{ configure.props.base.title }}
-      </div>
-    </template>
-    <div :class="contentClass">
-      <template v-for="(element, itemIndex) in configure.items" :key="element.uuid">
-        <ObjectRender :pageContext="pageContext" :configure="element"></ObjectRender>
-      </template>
-    </div>
-  </el-card>
-</template>
-<script lang="ts" setup>
-import { ref, onMounted } from 'vue'
-import { ElCard } from 'element-plus'
-import { SuperIcon } from 'agilebuilder-ui'
-import ObjectRender from '../../object-render.vue'
-import type { Component, PageContext } from '../../../../utils/interfaces/page-design-types'
-
-interface MyProps {
-  pageContext: PageContext
-  configure: Component
-}
-const props = defineProps<MyProps>()
-
-if (!props.configure.items) {
-  props.configure.items = []
-}
-//自身引用
-const thisRef: any = ref(null)
-const runtimeInfo = props.configure.runtime ? props.configure.runtime : {}
-//运行时的自身详细参数
-const runtimeStyle = runtimeInfo.style
-const runtimeClass = runtimeInfo.class
-const headerStyle = runtimeInfo.headerStyle
-const contentClass = runtimeInfo.contentClass
-
-function test() {
-  props.configure.props.title = 'teee'
-}
-
-/**
- * 暴露方法
- */
-defineExpose({
-  test
-})
-</script>

package/src/components/runtime/views/assemblys/container/collapse/collapse-runtime.vue

@@ -1,56 +0,0 @@
-<template>
-  <el-collapse
-    ref="thisRef"
-    v-model="activeName"
-    :style="runtimeStyle"
-    :accordion="accordion"
-    :class="runtimeClass"
-  >
-    <template v-for="(item, index) in configure.items">
-      <el-collapse-item :name="item.index">
-        <template #title>
-          <div :style="headerStyle" style="width: 100%">
-            <SuperIcon
-              v-if="item.iconType && item.iconValue"
-              :iconType="item.iconType"
-              :iconValue="item.iconValue"
-              style="margin-right: 2px"
-            ></SuperIcon>
-            {{ item.label }}
-          </div>
-        </template>
-        <div>
-          <template v-for="(element, itemIndex) in item.items" :key="element.uuid">
-            <ObjectDesign :configure="element" :pageContext="pageContext"></ObjectDesign>
-          </template>
-        </div>
-      </el-collapse-item>
-    </template>
-  </el-collapse>
-</template>
-<script lang="ts" setup>
-import { ref, onMounted } from 'vue'
-import ObjectDesign from '../../object-render.vue'
-import type { Component, PageContext } from '../../../../utils/interfaces/page-design-types'
-import { addComponentRef } from '../../../../utils/global-refs'
-
-interface MyProps {
-  pageContext: PageContext
-  configure: Component
-}
-const props = defineProps<MyProps>()
-if (!props.configure.props) {
-  props.configure.props = {}
-}
-//默认打开
-const activeName = props.configure.props.defaultOpens ? props.configure.props.defaultOpens : [1]
-//手风琴模式
-const accordion = props.configure.props.accordion ? true : false
-//自身引用
-const thisRef = ref(null)
-const runtimeInfo = props.configure.runtime ? props.configure.runtime : {}
-//运行时的自身详细参数
-const runtimeStyle = runtimeInfo.style
-const runtimeClass = runtimeInfo.class
-const headerStyle = runtimeInfo.headerStyle
-</script>

package/src/components/runtime/views/assemblys/container/container/container-runtime.vue

@@ -1,50 +0,0 @@
-<template>
-  <el-container ref="thisRef">
-    <el-aside 
-      v-if="configure.props.useLeft"
-      :style="leftStyle">
-      <template v-for="(element,itemIndex) in configure.leftAslides" :key="element.uuid">
-        <ObjectRender
-            :pageContext="pageContext"
-            :configure="element"></ObjectRender>
-        </template>
-    </el-aside>
-    <el-main 
-        :style="mainStyle"
-        :class="mainClass">
-        <template v-for="(element,itemIndex) in configure.items" :key="element.uuid">
-          <ObjectRender
-            :pageContext="pageContext"
-            :configure="element"></ObjectRender>
-        </template>
-    </el-main>
-    <el-aside 
-      v-if="configure.props.useRight"
-      :style="rightStyle">
-      <template v-for="(element,itemIndex) in configure.rightAslides" :key="element.uuid">
-          <ObjectRender
-            :pageContext="pageContext"
-            :configure="element"></ObjectRender>
-        </template>
-    </el-aside>
-  </el-container>
-</template>
-<script lang='ts' setup>
-    import {ref,onMounted} from 'vue';
-    import ObjectRender from '../../object-render.vue'
-    import type { Component,PageContext} from '@/components/design/utils/interfaces/page-design-types';
-    import {addComponentRef} from '../../../../utils/global-refs';
-    interface MyProps{
-      pageContext:PageContext,
-      configure:Component
-    }
-    const props = defineProps<MyProps>();
-   //自身引用
-   const thisRef = ref(null);
-   const runtimeInfo = props.configure.runtime?props.configure.runtime:{};
-    //运行时的自身详细参数
-   const leftStyle = runtimeInfo.leftStyle;
-   const rightStyle = runtimeInfo.rightStyle;
-   const mainStyle = runtimeInfo.style;
-   const mainClass = runtimeInfo.class;
-</script>

package/src/components/runtime/views/assemblys/container/flex/flex-runtime.vue

@@ -1,33 +0,0 @@
-<template>
-    <el-row
-      ref="thisRef"
-      :justify="designProperty.flexJustify"
-      :gutter="designProperty.flexGutter"
-      :align="designProperty.alignItems"
-      :style="runtimeStyle"
-      :class="runtimeClass">
-      <template v-for="(element,itemIndex) in configure.items" :key="element.uuid">
-        <ObjectRender
-              :pageContext="pageContext"
-              :configure="element"></ObjectRender>
-      </template>
-    </el-row>
-</template>
-<script lang='ts' setup>
-    import {ref,onMounted} from 'vue';
-    import ObjectRender from '../../object-render.vue'
-    import type { Component,PageContext} from '@/components/design/utils/interfaces/page-design-types';
-    import {addComponentRef} from '../../../../utils/global-refs';
-    interface MyProps{
-      pageContext:PageContext,
-      configure:Component
-    }
-    const props = defineProps<MyProps>();
-    //自身引用
-    const thisRef = ref(null);
-    const runtimeInfo = props.configure.runtime?props.configure.runtime:{};
-    //运行时的自身详细参数
-    const runtimeStyle = runtimeInfo.style;
-    const runtimeClass = runtimeInfo.class;
-    const designProperty:any = runtimeInfo.props?runtimeInfo.props:{};
-</script>

package/src/components/runtime/views/assemblys/container/form/form-runtime.vue

@@ -1,35 +0,0 @@
-<template>
-  <el-form
-    ref="thisRef"
-    :label-width="runtimeProps.labelWidth" 
-    :label-position="runtimeProps.labelPosition"
-    :size="runtimeProps.componentSize"
-    :style="runtimeStyle"
-    :class="runtimeClass">
-      <template v-for="(element,itemIndex) in configure.items" :key="element.uuid">
-            <ObjectRender
-              :pageContext="pageContext"
-              :configure="element"></ObjectRender>
-      </template>
-  </el-form>
-</template>
-<script lang='ts' setup>
-    import {ref,onMounted} from 'vue';
-    import ObjectRender from '../../object-render.vue'
-    import type { Component,PageContext} from '../../../../utils/interfaces/page-design-types';
-    import {addComponentRef} from '../../../../utils/global-refs';
-    interface MyProps{
-      pageContext:PageContext,
-      configure:Component
-    }
-    const props = defineProps<MyProps>();
-    if(!props.configure.items){
-      props.configure.items = [];
-    }
-    const runtimeInfo = props.configure.runtime?props.configure.runtime:{};
-    //运行时配置
-    const runtimeProps:any = runtimeInfo.props?runtimeInfo.props:{};
-    //定义自身详细参数
-    const runtimeStyle = runtimeInfo.style;
-    const runtimeClass = runtimeInfo.class;
-</script>

package/src/components/runtime/views/assemblys/container/iframe/iframe-runtime.vue

@@ -1,28 +0,0 @@
-<template>
-    <iframe 
-        ref="thisRef"
-        :src="configure.props.src" 
-        class="amb-widget-container-iframe"
-        :style="runtimeStyle"
-        :class="runtimeClass">
-    </iframe>
-</template>
-<script lang='ts' setup>
-    import {ref,onMounted} from 'vue';
-    import type { Component,PageContext} from '@/components/design/utils/interfaces/page-design-types';
-    import {addComponentRef} from '../../../../utils/global-refs';
-    interface MyProps{
-      pageContext:PageContext,
-      configure:Component,
-      indexObj:any,
-      selectWidget:any
-    }
-    const props = defineProps<MyProps>();
-
-    //自身引用
-    const thisRef = ref(null);
-    const runtimeInfo = props.configure.runtime?props.configure.runtime:{};
-    //运行时的自身详细参数
-    const runtimeStyle = runtimeInfo.style;
-    const runtimeClass = runtimeInfo.class;
-</script>

package/src/components/runtime/views/assemblys/container/tabs/tabs-runtime.vue

@@ -1,51 +0,0 @@
-<template>
-  <el-tabs
-    ref="thisRef"
-    v-model="activeName"
-    :type="configure.props.cardType"
-    :tab-position="configure.props.tabPosition"
-    :style="runtimeStyle"
-    :class="runtimeClass"
-  >
-    <el-tab-pane v-for="(item, index) in configure.items" :label="item.label" :name="item.index">
-      <template #label>
-        <SuperIcon
-          v-if="item.iconType && item.iconValue"
-          :iconType="item.iconType"
-          :iconValue="item.iconValue"
-          style="margin-right: 2px"
-        ></SuperIcon>
-        <span :style="headerStyle">
-          {{ item.label }}
-        </span>
-      </template>
-      <div>
-        <template v-for="(element, itemIndex) in item.items" :key="element.uuid">
-          <ObjectRender :pageContext="pageContext" :configure="element"></ObjectRender>
-        </template>
-      </div>
-    </el-tab-pane>
-  </el-tabs>
-</template>
-<script lang="ts" setup>
-import { ref, onMounted } from 'vue'
-import { ElTabs, ElTabPane } from 'element-plus'
-import ObjectRender from '../../object-render.vue'
-import { SuperIcon } from 'agilebuilder-ui'
-import type { Component, PageContext } from '@/components/design/utils/interfaces/page-design-types'
-import { addComponentRef } from '../../../../utils/global-refs'
-interface MyProps {
-  pageContext: PageContext
-  configure: Component
-}
-const props = defineProps<MyProps>()
-//默认打开
-const activeName = props.configure.props.defaultOpen ? props.configure.props.defaultOpen : 1
-//自身引用
-const thisRef = ref(null)
-const runtimeInfo = props.configure.runtime ? props.configure.runtime : {}
-//运行时的自身详细参数
-const runtimeStyle = runtimeInfo.style
-const runtimeClass = runtimeInfo.class
-const headerStyle = runtimeInfo.headerStyle
-</script>