super-page-runtime 1.0.16 → 1.3.13

package/components/runtime/views/assemblys/form/common/default-value-setting.vue

@@ -1,362 +0,0 @@
-<template>
-	<el-select
-			v-if="!paramValueType"
-			v-model="paramValueType"
-			style="width: 100%"
-			size="default"
-			@change="changeType"
-	>
-		<el-option
-				v-if="valueTypes && valueTypes.indexOf('input') !== -1"
-				label="手动填写"
-				value="input"
-		/>
-		<el-option
-				v-if="valueTypes && valueTypes.indexOf('context') !== -1"
-				label="环境变量"
-				value="context"
-		/>
-		<el-option
-				v-if="valueTypes && valueTypes.indexOf('request') !== -1"
-				label="请求参数"
-				value="request"
-		/>
-		<el-option
-				v-if="valueTypes && valueTypes.indexOf('custom') !== -1"
-				label="系统参数"
-				value="custom"
-		/>
-		<el-option
-				v-if="valueTypes && valueTypes.indexOf('task') !== -1"
-				label="任务字段"
-				value="task"
-		/>
-		<el-option
-				v-if="valueTypes && valueTypes.indexOf('obj') !== -1"
-				label="对象属性"
-				value="obj"
-		/>
-	</el-select>
-	<el-select
-			v-if="paramValueType === 'context'"
-			v-model="paramValue"
-			clearable
-			size="default"
-			filterable
-			style="width: 100%"
-			default-first-option
-			allow-create
-			@change="changeParamValue(item)"
-	>
-		<el-option
-				label="当前时间"
-				value="${context.currentTime}"
-		/>
-		<el-option
-				label="本周"
-				value="${context.currentWeek}"
-		/>
-		<el-option
-				label="本月"
-				value="${context.currentMonth}"
-		/>
-		<el-option
-				label="本季度"
-				value="${context.currentQuarter}"
-		/>
-		<el-option
-				label="本年"
-				value="${context.currentYear}"
-		/>
-		<el-option
-				label="最近n天"
-				value="${context.lastNDay}"
-		/>
-		<el-option
-				label="当前用户登录名"
-				value="${context.currentTransactor}"
-		/>
-		<el-option
-				label="当前用户姓名"
-				value="${context.currentTransactorName}"
-		/>
-		<el-option
-				label="当前用户姓名(英文名)"
-				value="${context.currentTransactorNameAndEnName}"
-		/>
-		<el-option
-				label="当前用户id"
-				value="${context.currentTransactorId}"
-		/>
-		<el-option
-				label="当前用户部门id"
-				value="${context.currentTransactorMainDepartmentId}"
-		/>
-		<el-option
-				label="当前用户部门名称"
-				value="${context.currentTransactorMainDepartment}"
-		/>
-		<el-option
-				label="当前用户角色id"
-				value="${context.currentTransactorRoleId}"
-		/>
-		<el-option
-				label="当前用户角色名称"
-				value="${context.currentTransactorRole}"
-		/>
-		<el-option
-				label="当前用户工作组id"
-				value="${context.currentTransactorWorkGroupId}"
-		/>
-		<el-option
-				label="当前用户工作组名称"
-				value="${context.currentTransactorWorkGroup}"
-		/>
-		<el-option
-				label="当前用户所属分支名称"
-				value="${context.currentTransactorBranchName}"
-		/>
-		<el-option
-				label="当前用户所属分支id"
-				value="${context.currentTransactorBranchId}"
-		/>
-	</el-select>
-	<template v-if="item.paramValueType === 'context' && item.paramValue && item.paramValue.indexOf('${context.lastNDay')>=0">
-		<el-input
-				v-model="item.paramValueTemp"
-				size="default"
-				style="width: 60%"
-				@change="changeParamValue(item)"
-		/>{{$t('formEditor.attribute.day')}}
-	</template>
-	<el-select
-			v-if="item.paramValueType === 'task'"
-			v-model="item.paramValue"
-			clearable
-			size="default"
-			style="width: 100%"
-			:title="item.paramValue"
-			filterable
-			default-first-option
-			allow-create
-			@change="changeParamValue(item)"
-	>
-		<el-option
-				label="当前办理人"
-				value="${task.transactor}"
-		/>
-		<el-option
-				label="当前任务委托人"
-				value="${task.trustor}"
-		/>
-		<el-option
-				label="当前指派人"
-				value="${task.assigner}"
-		/>
-		<el-option
-				label="环节名称"
-				value="${task.name}"
-		/>
-		<el-option
-				label="环节编码"
-				value="${task.nodeId}"
-		/>
-	</el-select>
-	<template v-if="item.paramValueType === 'input'">
-		<el-input
-				v-if="options.options.type === 'textarea'"
-				v-model="item.paramValue"
-				type="textarea"
-				size="default"
-				:rows="5"
-				@change="changeParamValue(item)"
-		/>
-		<el-input
-				v-if="options.options.type === 'input'"
-				v-model="item.paramValue"
-				size="default"
-				@change="changeParamValue(item)"
-		/>
-		<el-cascader
-				v-if="options.options.type === 'cascader'"
-				v-model="item.paramValue"
-				:clearable="true"
-				:options="options.options.options"
-				size="default"
-				@change="changeParamValue(item)"
-		/>
-		<el-input
-				v-if="options.options.type === 'editor'"
-				v-model="item.paramValue"
-				:rows="2"
-				type="textarea"
-				size="default"
-				@change="changeParamValue(item)"
-		/>
-		<el-input
-				v-if="options.options.type === 'number'"
-				v-model.number="item.paramValue"
-				size="default"
-				@change="changeParamValue(item)"
-		/>
-		<el-input
-				v-if="options.options.type === 'slider'"
-				v-model.number="item.paramValue"
-				size="default"
-				@change="changeParamValue(item)"
-		/>
-		<el-rate
-				v-if="options.options.type === 'rate'"
-				v-model="item.paramValue"
-				style="display: inline-block; vertical-align: middle"
-				:max="options.options.max"
-				:allow-half="options.options.allowHalf"
-				size="default"
-				@change="changeParamValue(item)"
-		/>
-		<el-cascader
-				v-if="options.options.type === 'area'"
-				v-model="item.paramValue"
-				:size="options.options.size"
-				:options="areaOptions"
-				@change="changeParamValue(item)"
-		/>
-		<el-button
-				v-if="options.options.type === 'rate'"
-				style="display: inline-block; vertical-align: middle; margin-left: 10px"
-				size="default"
-				@click="item.paramValue = 0"
-				@change="changeParamValue(item)"
-		>
-			{{ $t('superFormPublicModel.empty') }}
-		</el-button>
-		<el-color-picker
-				v-if="options.options.type === 'color'"
-				v-model="item.paramValue"
-				:show-alpha="options.options.showAlpha"
-				size="default"
-				@change="changeParamValue(item)"
-		/>
-		<el-switch
-				v-if="options.options.type === 'switch'"
-				v-model="item.paramValue"
-				:active-text="options.options.activeText"
-				:inactive-text="options.options.inactiveText"
-				:active-value="options.options.activeValue"
-				:inactive-value="options.options.inactiveValue"
-				:active-color="options.options.activeColor"
-				:inactive-color="options.options.inactiveColor"
-				size="default"
-				@change="changeParamValue(item)"
-		/>
-		<el-date-picker
-				v-if="options.options.type === 'date'"
-				v-model="options.options.defaultValue"
-				:value-format="options.options.format"
-				:format="options.options.format"
-				style="width: 100%"
-				type="date"
-				size="default"
-				@change="changeParamValue(item)"
-		/>
-		<el-date-picker
-				v-if="options.options.type === 'time'"
-				v-model="options.options.defaultValue"
-				:value-format="options.options.format"
-				:format="options.options.format"
-				style="width: 100%"
-				type="datetime"
-				size="default"
-				@change="changeParamValue(item)"
-		/>
-		<el-select
-				v-if="options.options.type === 'rangeSelector'"
-				v-model="defaultTime"
-				style="width: 100%"
-				size="default"
-				@change="SectionDateTransfer"
-		>
-			<!-- <el-option
-						v-for="item in defaultArr"
-						:key="item.id"
-						:label="item.label"
-						:value="item.value"
-					/> -->
-			<el-option
-					:label="$t('formEditor.attribute.oneYear')"
-					value="oneYear"
-			/>
-			<el-option
-					:label="$t('formEditor.attribute.twoYear')"
-					value="twoYear"
-			/>
-			<el-option
-					:label="$t('formEditor.attribute.oneQuarter')"
-					value="oneQuarter"
-			/>
-			<el-option
-					:label="$t('formEditor.attribute.twoQuarter')"
-					value="twoQuarter"
-			/>
-			<el-option
-					:label="$t('formEditor.attribute.threeQuarter')"
-					value="threeQuarter"
-			/>
-			<el-option
-					:label="$t('formEditor.attribute.oneMonth')"
-					value="oneMonth"
-			/>
-			<el-option
-					:label="$t('formEditor.attribute.twoMonth')"
-					value="twoMonth"
-			/>
-			<el-option
-					:label="$t('formEditor.attribute.threeMonth')"
-					value="threeMonth"
-			/>
-			<el-option
-					:label="$t('formEditor.attribute.oneWeek')"
-					value="oneWeek"
-			/>
-			<el-option
-					:label="$t('formEditor.attribute.twoWeek')"
-					value="twoWeek"
-			/>
-			<el-option
-					:label="$t('formEditor.attribute.threeWeek')"
-					value="threeWeek"
-			/>
-		</el-select>
-		<el-input
-				v-if="options.options.type === 'select'"
-				v-model.number="item.paramValue"
-				size="default"
-				@change="changeParamValue(item)"
-		/>
-		<el-input
-				v-if="
-          options.options.type === 'radio' ||
-          options.options.type === 'checkbox'
-        "
-				v-model="item.paramValue"
-				size="default"
-				@change="changeParamValue(item)"
-		/>
-		<el-icon @click="showValueTypes()" style="padding-left: 2px"><el-icon-setting /></el-icon>
-	</template>
-</template>
-
-<script lang="ts" setup>
-import {ref} from "vue";
-
-const paramValueType = ref('')
-const paramValue = ref('')
-function changeType(){
-
-}
-
-</script>
-
-<style scoped>
-
-</style>

package/components/runtime/views/assemblys/form/common/dimension-input.vue

@@ -1,68 +0,0 @@
-<template>
-  <el-input
-    v-model.number="inputValue"
-    placeholder=""
-    class="input-with-select"
-    @input="onInput"
-  >
-    <template #append>
-      <el-select
-        ref="select"
-        v-model="unit"
-        :style="{ width: '60px' }"
-        placeholder=""
-        @change="onChange"
-      >
-        <el-option
-          v-for="unit in units"
-          :key="unit.value"
-          :label="unit.label"
-          :value="unit.value"
-        />
-      </el-select>
-    </template>
-  </el-input>
-</template>
-
-<script lang="ts" setup>
-import { ref, defineProps } from 'vue';
-
-const props = defineProps({
-  modelValue: {
-    type: [Number],
-    default: null,
-  },
-  selectedUnit: {
-    type: String,
-    default: 'px',
-  },
-});
-
-const emit = defineEmits(['update:modelValue', 'update:selectedUnit']);
-
-const inputValue = ref<Number>(props.modelValue);
-const unit = ref(props.selectedUnit);
-const units = [
-  { label: 'px', value: 'px' },
-  { label: 'em', value: 'em' },
-  { label: 'ex', value: 'ex' },
-  { label: 'cm', value: 'cm' },
-  { label: 'vh', value: 'vh' },
-];
-
-function onInput(val: number) {
-	emit('update:modelValue', val);
-	emit('update:selectedUnit', unit);
-};
-
-function onChange(newUnit: string) {
-  unit.value = newUnit;
-  emit('update:selectedUnit', newUnit);
-};
-
-</script>
-<style>
-.input-with-select .el-input-group__append {
-  background-color: var(--el-fill-color-blank);
-}
-</style>

package/components/runtime/views/assemblys/form/common/dynamic-data-source-setting.vue

@@ -1,115 +0,0 @@
-<template>
-	<el-form-item label="动态数据源" class="amb-design-attr-item">
-		<el-select v-model="dataSource"  @change="seleteDataSource">
-			<el-option value="1" label="1" />
-			<el-option value="2" label="2" />
-		</el-select>
-	</el-form-item>
-	<el-form-item label="字段设置" class="amb-design-attr-item">
-		<el-button type="primary" @click="dialogVisible = true">设置</el-button>
-	</el-form-item>
-
-	<el-dialog
-			v-model="dialogVisible"
-			title="字段设置"
-			width="30%"
-	>
-		<el-row style="padding-bottom: 8px">
-			<el-button
-					:icon="ElIconCirclePlusOutline"
-					plain
-					type="primary"
-					@click="add"
-			>
-				添加
-			</el-button>
-			<el-button
-					:icon="ElIconDelete"
-					plain
-					type="primary"
-					@click="remove"
-			>
-				删除
-			</el-button>
-		</el-row>
-		<el-table highlight-current-row @current-change="handleCurrentChange" :data="list" style="width: 100%">
-			<el-table-column label="序号" type="index" />
-			<el-table-column prop="date" label="来源字段">
-				<template #default="scope">
-					<el-select
-							v-model="scope.row.selectedFieldArr"
-							clearable
-							size="default"
-					>
-						<el-option label="字段1" value="1"/>
-						<el-option label="字段2" value="2"/>
-					</el-select>
-				</template>
-			</el-table-column>
-			<el-table-column prop="date" label="值字段">
-				<template #default="scope">
-					<el-select
-							v-model="scope.row.valueField"
-							clearable
-							size="default"
-					>
-						<el-option label="字段1" value="1"/>
-						<el-option label="字段2" value="2"/>
-					</el-select>
-				</template>
-			</el-table-column>
-		</el-table>
-		<template #footer>
-			<div class="dialog-footer">
-				<el-button @click="dialogVisible = false">取消</el-button>
-				<el-button type="primary" @click="dialogVisible = false">
-					确定
-				</el-button>
-			</div>
-		</template>
-	</el-dialog>
-</template>
-
-<script lang="ts" setup>
-import {reactive, ref} from "vue";
-
-const props = defineProps({
-	modelValue:{
-		type:String,
-		default:''
-	},
-})
-
-const emit = defineEmits(['update:modelValue']);
-
-const dataSource = ref(props.modelValue)
-
-const list = ref([
-	{selectedFieldArr:'1',valueField:'2'},
-	{selectedFieldArr:'1',valueField:'2'},
-	{selectedFieldArr:'1',valueField:'2'},
-])
-const dialogVisible = ref(false)
-const currentRow = ref({})
-
-function remove(){
-	list.value = list.value.filter(item => item !== currentRow.value)
-}
-
-function seleteDataSource() {
-	emit('update:modelValue',dataSource.value)
-}
-
-function handleCurrentChange(val){
-	currentRow.value = val
-}
-
-function add(){
-	list.value.push({selectedFieldArr:'1',valueField:'2'},)
-}
-
-</script>
-
-<style scoped>
-
-</style>

package/components/runtime/views/assemblys/form/common/formatting-label.vue

@@ -1,81 +0,0 @@
-<template>
-	<el-form-item label="格式化分类" class="amb-design-attr-item">
-		<el-select v-model="formatting.type" placeholder="请选择">
-			<el-option label="数值" value="number"/>
-			<el-option label="货币" value="currency"/>
-			<el-option label="日期选择器" value="date" />
-			<el-option label="时间选择器" value="time" />
-			<el-option label="百分比" value="percent" />
-			<el-option label="键值对" value="keyValuePair"/>
-			<el-option label="选项组" value="optionGroup"/>
-			<el-option label="枚举类名" value="enumname"/>
-			<el-option label="bean名称" value="beanname"/>
-			<el-option label="动态数据源" value="dynamicDataSource"/>
-		</el-select>
-	</el-form-item>
-	<el-form-item v-if="formatting.type === 'number'|| formatting.type === 'currency'|| formatting.type === 'percent'"  label="小数位数" class="amb-design-attr-item">
-		<el-input v-model="formatting.decimalDigit" />
-	</el-form-item>
-	<el-form-item v-if="formatting.type === 'number'" label="千位分隔符" class="amb-design-attr-item">
-		<el-switch
-				v-model="formatting.thousandsSeparator"
-				active-text="使用"
-				inactive-text="不使用"
-		/>
-	</el-form-item>
-	<el-form-item v-if="formatting.type === 'number'" label="数值符号" class="amb-design-attr-item">
-		<el-input v-model="formatting.symbol" />
-	</el-form-item>
-	<el-form-item v-if="formatting.type === 'currency'" label="货币符号" class="amb-design-attr-item">
-		<el-select v-model="formatting.currencySymbol" placeholder="Select" style="width: 240px">
-			<el-option label="$" value="$"/>
-			<el-option label="￥" value="￥"/>
-		</el-select>
-	</el-form-item>
-	<el-form-item v-if="formatting.type === 'date'" label="日期类型" class="amb-design-attr-item">
-		<el-select v-model="formatting.dataType" placeholder="Select" style="width: 240px">
-			<el-option value="yyyy-m-d" label="yyyy-m-d" />
-			<el-option value="yyyy-m-d hh:mm:ss" label="yyyy-m-d hh:mm:ss" />
-			<el-option value="yyyy-m" label="yyyy-m" />
-			<el-option value="m-d" label="m-d" />
-			<el-option value="yyyy年m月d日" label="yyyy年m月d日" />
-			<el-option
-					value="yyyy年m月d日hh时mm分ss秒"
-					label="yyyy年m月d日hh时mm分ss秒"
-			/>
-			<el-option value="yyyy年m月" label="yyyy年m月" />
-			<el-option value="m月d日" label="m月d日" />
-		</el-select>
-	</el-form-item>
-	<el-form-item v-if="formatting.type === 'time'" label="时间类型" class="amb-design-attr-item">
-		<el-select v-model="formatting.timeType" placeholder="Select" style="width: 240px">
-			<el-option value="h:mm" label="h:mm" />
-			<el-option value="h:mm:ss" label="h:mm:ss" />
-			<el-option value="h时mm分" label="h时mm分" />
-			<el-option value="h时mm分ss秒" label="h时mm分ss秒" />
-		</el-select>
-	</el-form-item>
-	<el-form-item v-if="formatting.type === 'keyValuePair'||formatting.type === 'enumname'||formatting.type === 'beanname'" label="键值对" class="amb-design-attr-item">
-		<el-input v-model="formatting.name" />
-	</el-form-item>
-	<el-form-item v-if="formatting.type === 'optionGroup'" label="选项组" class="amb-design-attr-item">
-		<el-select v-model="formatting.name" placeholder="Select" style="width: 240px">
-			<el-option value="1" label="1" />
-		</el-select>
-	</el-form-item>
-	<DynamicDataSourceSetting v-if="formatting.type === 'dynamicDataSource'" v-model:modelValue="formatting.dynamicDataSourceCode" />
-</template>
-
-<script lang="ts" setup>
-import Suffixmodule from '../../form/common/suffixmodule.vue'
-import IconSetDialog from '../../form/common/icon-set-dialog.vue'
-import DynamicDataSourceSetting from './dynamic-data-source-setting.vue'
-
-const props = defineProps({
-	formatting:{
-		type:Object,
-		default:{}
-	},
-})
-
-</script>

package/components/runtime/views/assemblys/form/common/grid-num-select.vue

@@ -1,43 +0,0 @@
-<template>
-		<el-select
-			ref="select"
-			v-model="num"
-			placeholder=""
-			@change="onChange"
-		>
-			<el-option
-				v-for="option in options"
-				:key="option"
-				:label="option"
-				:value="option"
-			/>
-		</el-select>
-</template>
-
-<script lang="ts" setup>
-import { defineProps, ref } from 'vue';
-
-defineProps({
-  modelValue: {
-    type: [Number],
-    default: null,
-  },
-  options: {
-    type: Array,
-    default: null
-  },
-});
-
-const emit = defineEmits(['update:modelValue']);
-
-const num = ref("")
-
-function onChange(val: number) {
-	emit('update:modelValue', val);
-};
-</script>
-<style>
-.input-with-select .el-input-group__append {
-  background-color: var(--el-fill-color-blank);
-}
-</style>