super-page-runtime 1.0.14 → 1.0.16

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

@@ -1,58 +0,0 @@
-<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 '../../../../utils/interfaces/page-design-types';
-	import { getFormModelFields} from '../../../../utils/page-init-util';
-	import { getVariableValue,setVariableValue} from '../../../../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/src/components/runtime/views/assemblys/form/tag/tag-runtime.vue

@@ -1,60 +0,0 @@
-<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 '../../../../utils/interfaces/page-design-types';
-	import { getFormModelFields} from '../../../../utils/page-init-util';
-	import {formatVariableValue} from '../../../../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/runtime/views/assemblys/page/page-attr-base.vue

@@ -1,252 +0,0 @@
-<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 '@/components/design/utils/interfaces/page-design-types';
-    import {queryTableFields} from '../../../../design/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/src/components/runtime/views/assemblys/workflow/picture-flow/pictureflow-attr.vue

@@ -1,29 +0,0 @@
-<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/src/components/runtime/views/assemblys/workflow/text-history/texthistory-attr.vue

@@ -1,29 +0,0 @@
-<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>