hs-admin-ui 1.0.8 → 1.0.9

package/src/views/test/test/components/hsSaveForm/src/saveForm.vue

@@ -1,47 +0,0 @@
-<template>
-	<div class="flex justify-around items-center">
-		<component
-			class="basis-3/4"
-			ref="saveFormRef"
-			:parentConfig="parentConfig"
-			:is="'bc-form-config'"
-			:data="formConfig.formData"
-			:config="formConfig.formConfig"
-			:rules="formConfig.formRule"
-			:watchConfig="true"
-			@change="changeConfig"
-		></component>
-
-		<div class="basis-1/4 flex justify-end">
-			<hs-button v-if="!isEdit || (isEdit && formConfig.formData.config_name)" @click="saveConfig" type="primary">保存配置</hs-button>
-			<!-- <hs-button v-if="isEdit" @click="addConfig">新增配置</hs-button> -->
-			<hs-button v-if="!isEdit" @click="cancel">取消</hs-button>
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-import { IFormTable } from '/@/types';
-
-import { useSaveForm } from './../useSaveForm';
-defineOptions({
-	inheritAttrs: false,
-});
-const props = defineProps({
-	configs: {
-		type: Array<IFormTable.FormTable>,
-		default: [],
-	},
-});
-
-const saveFormRef = ref();
-
-const emits = defineEmits(['save', 'change']);
-
-const { parentConfig, formConfig, isEdit, saveConfig, changeConfig, initConfig, addConfig, cancel } = useSaveForm(emits, saveFormRef, props);
-// 暴露内部方法
-defineExpose({
-	initConfig,
-});
-</script>

package/src/views/test/test/components/hsSaveForm/useSaveForm.ts

@@ -1,121 +0,0 @@
-import { Ref, ref } from 'vue';
-import _ from 'lodash';
-import { IFormTable, ComponentAttr } from '/@/types';
-import { newConfig, selectConfig } from './saveFormConfig';
-import saveForm from './src/saveForm.vue';
-interface BcFormRef {
-	getSubmitData: () => boolean;
-}
-
-export function useSaveForm(
-	emits: (event: 'save' | 'change', ...args: any[]) => void,
-	saveFormRef: Ref<BcFormRef>,
-	props: ComponentAttr.Props<typeof saveForm>
-) {
-	const parentConfig = ref({
-		showColon: true,
-		xs: 8,
-		sm: 8,
-		md: 8,
-		lg: 8,
-		xl: 8,
-	});
-	// 区分当前是新增还是修改
-	let isEdit = ref(true);
-	// 配置表单
-	let formConfig = ref(
-		_.assign(_.cloneDeep(selectConfig), {
-			formData: {
-				name: '',
-				config_name: '',
-				config_unique_id: new Date().getTime().toString(),
-			},
-		})
-	);
-	// formConfig.value.formData.config_unique_id = new Date().getTime().toString();
-	/**
-	 * 切换配置方法
-	 * @param value
-	 * @param type
-	 */
-	const changeConfig = (value: string, type: string) => {
-		// 初始化表格表单配置
-		if (type == 'name') {
-			let config = _.cloneDeep(props.configs).find((item: IFormTable.FormTable) => item.config_unique_id == value);
-			formConfig.value.formData = _.assign(formConfig.value.formData, {
-				config_name: config.config_name,
-				config_unique_id: config.config_unique_id,
-			});
-			emits('change', config);
-		}
-	};
-	/**
-	 * 初始化配置
-	 * @param configList
-	 */
-	const initConfig = (configList: Array<IFormTable.FormTable>) => {
-		// 更新表单数据
-		let tempFormConfig = _.cloneDeep(selectConfig);
-		tempFormConfig.formData.name = (configList[0] && configList[0].config_name) || '';
-		tempFormConfig.formData.config_name = (configList[0] && configList[0].config_name) || '';
-		tempFormConfig.formData.config_unique_id = (configList[0] && configList[0].config_unique_id) || new Date().getTime().toString();
-		// 更新表单配置
-		if (configList.length > 0) {
-			let list = configList.map((item: IFormTable.FormTable) => {
-				return { label: item.config_name, value: item.config_unique_id };
-			});
-			let item = _.assign(tempFormConfig.formConfig[0], {
-				op: list,
-			});
-			tempFormConfig.formConfig.splice(0, 1, item);
-		}
-		formConfig.value = tempFormConfig;
-		// 编辑类型 改为true
-		isEdit.value = true;
-		// 初始化表格配置
-		let initConfig = {
-			tables: [{ id: 'table_' + new Date().getTime().toString(), baseData: { id: '', tableName: '表格配置名称' }, tableConfig: [] }],
-			btns: [],
-		};
-		// 初始化表格表单配置
-		emits('change', configList[0] || initConfig);
-	};
-
-	/**
-	 * 保存配置
-	 */
-	const saveConfig = async () => {
-		let flag = await saveFormRef.value.getSubmitData();
-		if (flag) {
-			emits('save', formConfig.value.formData);
-		}
-	};
-	/**
-	 * 新增配置
-	 */
-	const addConfig = () => {
-		// 将编辑类型改为false
-		isEdit.value = false;
-
-		// 更新保存配置
-		formConfig.value = _.cloneDeep(newConfig);
-		formConfig.value.formData.config_unique_id = new Date().getTime().toString();
-
-		// 初始化表格配置
-		let initConfig = {
-			tables: [{ id: 'table_' + new Date().getTime().toString(), baseData: { id: '', tableName: '表格配置名称' }, tableConfig: [] }],
-			btns: [],
-		};
-		// 初始化表格表单配置
-		emits('change', initConfig);
-	};
-	/**
-	 * 取消新增配置
-	 */
-	const cancel = () => {
-		// 初始化配置
-		initConfig(_.cloneDeep(props.configs));
-	};
-
-	return { parentConfig, formConfig, isEdit, saveConfig, changeConfig, initConfig, addConfig, cancel };
-}

package/src/views/test/test/components/hsTables/src/hsAttrTable.vue

@@ -1,91 +0,0 @@
-<template>
-	<div class="h-full">
-		<div style="height: 94%" class="overflow-y-auto">
-			<!-- {{ tableItemConfig?.data }} -->
-			<component v-model="visible" :is="hsExpand" :expandConfig="{ subTitle: '表格属性' }"></component>
-			<component
-				v-show="visible"
-				:parentConfig="parentConfig"
-				:is="'bc-form-config'"
-				:data="tableItemConfig?.data"
-				:config="tableItemConfig?.list"
-				ref="baseTableRef"
-				:rules="tableColumnRule"
-			>
-				<template #title>
-					<hs-autocomplete
-						v-model="tableItemConfig.data.title"
-						clearable
-						class="inline-input w-50"
-						placeholder="请输入"
-						ref="hsAutocompleteRef"
-						:fetch-suggestions="querySearchAsync"
-						@select="handleSelect"
-					></hs-autocomplete>
-				</template>
-			</component>
-			<div v-for="(item, index) in tableItemConfig?.second_config" :key="index">
-				<component v-model="item.visible" :is="hsExpand" :expandConfig="{ subTitle: item.title }"></component>
-				<component
-					v-if="item.visible"
-					:parentConfig="parentConfig"
-					:is="'bc-form-config'"
-					:config="item[item.key]"
-					:data="tableItemConfig?.data[item.key]"
-				></component>
-			</div>
-			<div>
-				<div v-for="(item, index) in tableItemConfig?.filterConfig" :key="index">
-					<!-- {{ tableItemConfig?.data.filters }} -->
-					<component v-model="item.visible" :is="hsExpand" :expandConfig="{ subTitle: item.title }"></component>
-					<!-- {{ tableItemConfig?.data.filters[index] }} -->
-					<component
-						v-if="item.visible"
-						:parentConfig="parentConfig"
-						:is="'bc-form-config'"
-						:config="item[item.key]"
-						:data="tableItemConfig?.data.filters[index]"
-					></component>
-				</div>
-				<div class="flex align-center justify-center p-2" @click="addFilterItem">
-					<div class="bg-red-200 py-1 px-3 rounded">新增数据筛选配置</div>
-				</div>
-			</div>
-		</div>
-		<div class="text-center" style="height: 40px">
-			<hs-button @click="saveData" type="primary">保存</hs-button>
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-// import _ from 'lodash';
-import { IFormTable } from '/@/types';
-import hsExpand from '../../hsExpand/src/hsExpand.vue';
-import { useHsAttrTable } from './../useAttrTable';
-import { tableColumnRule } from '../../../default/baseTableConfig';
-
-// const tableItemConfig = defineModel<IFormTable.TableItem>();
-
-const props = defineProps({
-	current: {
-		type: Object,
-		default: () => {},
-	},
-	configList: {
-		type: Array<IFormTable.TableItem>,
-		default: () => [],
-	},
-});
-let baseTableRef = ref();
-// 权限
-// 是否显示
-// 插槽
-// 列名称模糊查询
-// 默认值
-
-const { parentConfig, visible, tableItemConfig, querySearchAsync, handleSelect, addFilterItem, saveData } = useHsAttrTable(props, baseTableRef);
-</script>
-
-<style lang="scss" scoped></style>

package/src/views/test/test/components/hsTables/src/hsRecursionConfig.vue

@@ -1,36 +0,0 @@
-<template>
-	<div v-for="(item, index) in config" :key="index">
-		<component class="pl-4" :is="hsExpand" v-model="item.visible" :expandConfig="{ subTitle: item.title }"></component>
-		<!-- {{ item.key }} -->
-		<template v-if="item.visible && item.second_config">
-			<div v-for="(value, key) in item.second_config" :key="key">
-				<component :is="hsExpand" class="pl-8" v-model="value.visible" :expandConfig="{ subTitle: value.title }"></component>
-				<component
-					v-if="value.visible"
-					:is="'bc-form-config'"
-					:data="_.get(tableData, `${item.key}.${value.key}`)"
-					:config="value[value.key]"
-				></component>
-			</div>
-		</template>
-
-		<component v-if="item.visible" :is="'bc-form-config'" :data="_.get(tableData, item.key, {})" :config="item[item.key]"></component>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { defineModel } from 'vue';
-import hsExpand from '../../hsExpand/src/hsExpand.vue';
-import { IFormTable } from '/@/types';
-import _ from 'lodash';
-
-defineProps({
-	config: {
-		type: Array<IFormTable.Data>,
-		default: () => [],
-	},
-});
-const tableData = defineModel<IFormTable.TableBaseData>();
-</script>
-
-<style scoped></style>

package/src/views/test/test/components/hsTables/src/hsTableConfig.vue

@@ -1,39 +0,0 @@
-<template>
-	{{ tableModel?.baseData }}
-	<component class="pl-4" :is="hsExpand" v-model="baseConfig.baseVisible" :expandConfig="{ subTitle: '表格基本配置' }"></component>
-	<component v-if="baseConfig.baseVisible" :is="'bc-form-config'" :data="tableModel?.baseData" :config="baseConfig.baseTableConfig"></component>
-	<component
-		v-if="tableModel?.baseData?.is_apply_page"
-		class="pl-4"
-		:is="hsExpand"
-		v-model="baseConfig.pageVisible"
-		:expandConfig="{ subTitle: '表格分页配置' }"
-	></component>
-	<component
-		v-if="baseConfig.pageVisible && tableModel?.baseData?.is_apply_page"
-		:is="'bc-form-config'"
-		:data="tableModel?.baseData?.table_page_data"
-		:config="baseConfig.tablePageConfig"
-	></component>
-	<component v-if="tableModel" :is="hsRecursionConfig" :config="baseConfig.tableAttrConfig" v-model="tableModel.baseData"></component>
-</template>
-<!--  -->
-<script setup lang="ts">
-import { ref, defineModel } from 'vue';
-import hsExpand from '../../hsExpand/src/hsExpand.vue';
-import hsRecursionConfig from './hsRecursionConfig.vue';
-import { IFormTable } from '/@/types';
-import _ from 'lodash';
-import { baseTableConfig, baseVisible, tableAttrConfig, tablePageConfig, pageVisible } from '../../../default/baseTableConfig'; // 表单配置方法
-// 深拷贝出一份数据
-let baseConfig = ref({
-	baseTableConfig: _.cloneDeep(baseTableConfig.value),
-	baseVisible: _.cloneDeep(baseVisible.value),
-	tableAttrConfig: _.cloneDeep(tableAttrConfig.value),
-	tablePageConfig: _.cloneDeep(tablePageConfig.value),
-	pageVisible: _.cloneDeep(pageVisible.value),
-});
-let tableModel = defineModel<IFormTable.Table>();
-</script>
-
-<style scoped></style>

package/src/views/test/test/components/hsTables/src/hsTableConfigList.vue

@@ -1,45 +0,0 @@
-<!-- 
-  desc: 表单配置项集合
-  author: lvling
- -->
-<template>
-	<div>
-		<div class="flex flex-wrap">
-			<div class="p-2 relative" v-for="(item, index) in tableModel?.tableConfig" :key="index" @click="choseTagItem(item)">
-				<div class="border border-solid border-zinc-300 hover:bg-blue-200 p-2 rounded" :class="current['id'] == item['id'] ? 'bg-blue-200' : ''">
-					{{ (item['data'] && item['data']['title']) || '暂未命名' }}====={{ item['id'] }}
-				</div>
-				<div
-					v-if="current['id'] == item['id']"
-					@click.stop.prevent="deleteTagItem(item)"
-					style="position: absolute; top: 0px; right: 5px; cursor: pointer"
-				>
-					✖️
-				</div>
-			</div>
-			<div class="p-2">
-				<div @click="appendField" class="p-2 bg-pink-200 w-10 h-10 flex justify-center align-center rounded-full">+</div>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { PropType, defineModel } from 'vue';
-import { useHsTableListConfig } from './../useTableConfigList';
-import { IFormTable } from '/@/types';
-
-const emit = defineEmits(['chose']);
-
-const tableModel = defineModel<IFormTable.Table>();
-const prop = defineProps({
-	current: {
-		type: Object as PropType<Record<'id', string>>,
-		default: () => {},
-	},
-});
-
-const { appendField, deleteTagItem, choseTagItem } = useHsTableListConfig(emit, prop, tableModel.value);
-</script>
-
-<style lang="scss" scoped></style>

package/src/views/test/test/components/hsTables/src/hsTablePanel.vue

@@ -1,55 +0,0 @@
-<!-- 
-  desc: 配置表格面板
-  author: 吕玲
- -->
-<template>
-	<div class="mx-auto flex flex-row h-full">
-		<div class="flex-1 grow overflow-y-auto">
-			<component :is="hsExpand" v-model="titleTableConfig.code.visible" :expandConfig="titleTableConfig.code"></component>
-			<div v-if="titleTableConfig.code.visible">{{ tableModel }}</div>
-			<component :is="hsTableParse" v-model="tableModel" />
-			<template v-if="tableModel?.baseData.id">
-				<component :is="hsExpand" v-model="titleTableConfig.table.visible" :expandConfig="titleTableConfig.table"></component>
-				<component :is="hsTableConfig" v-if="titleTableConfig.table.visible" v-model="tableModel" />
-
-				<component :is="hsExpand" v-model="titleTableConfig.tableItem.visible" :expandConfig="titleTableConfig.tableItem"></component>
-				<component
-					:is="hsTableConfigList"
-					v-if="titleTableConfig.tableItem.visible"
-					v-model="tableModel"
-					:current="currentItem"
-					@chose="onChoseItem"
-				/>
-				<!-- <component :is="hsExpand" v-model="titleTableConfig.tableExample.visible" :expandConfig="titleTableConfig.tableExample"></component> -->
-			</template>
-		</div>
-		<div v-if="(tableModel?.tableConfig || []).length > 0 && currentItem.id" class="flex-none basis-1/4 ml-4">
-			<!-- v-model="currentItem" -->
-			<component :is="hsAttrTable" :current="currentItem" :configList="tableModel?.tableConfig" />
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { ref, defineModel } from 'vue';
-import hsAttrTable from './hsAttrTable.vue'; // 元素配置配置详情
-import hsTableParse from './hsTableParse.vue'; // 一键解析
-import hsTableConfig from './hsTableConfig.vue'; // 表格配置项
-import hsTableConfigList from './hsTableConfigList.vue'; // 表格元素配置项集合
-import { IFormTable } from '/@/types';
-import { tableTitleConfig, emptyTableItemData } from '../../../default/baseTableConfig'; // 表格配置数据
-import hsExpand from '../../hsExpand/src/hsExpand.vue';
-import _ from 'lodash';
-// 标题配置
-let titleTableConfig = ref(_.cloneDeep(tableTitleConfig.value));
-// 表格配置
-const tableModel = defineModel<IFormTable.Table>();
-// 当前选中项配置
-let currentItem = _.cloneDeep(emptyTableItemData);
-
-const onChoseItem = (item: IFormTable.TableItem) => {
-	currentItem.value = item;
-};
-</script>
-
-<style lang="scss" scoped></style>

package/src/views/test/test/components/hsTables/src/hsTableParse.vue

@@ -1,29 +0,0 @@
-<!-- 
-  desc: 通过查询类名解析表格配置
-  author: 吕玲
- -->
-<template>
-	<div class="flex flex-row">
-		<hs-input class="basis-1/4 mr-2" v-model="parseApi" placeholder="请输入解析接口" />
-		<hs-button @click="parseTable" type="primary">一键解析</hs-button>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { ref, defineModel } from 'vue';
-import _ from 'lodash';
-import { baseData } from '../../../default/baseTableConfig'; // 表单配置方法
-
-let parseApi = ref('');
-let tableModel = defineModel();
-
-const parseTable = () => {
-	_.assign(tableModel.value, {
-		baseData: _.assign(_.cloneDeep(baseData.value), { id: new Date().getTime().toString(), tableName: '表格配置名称' }),
-		// tableData: [],
-		tableConfig: [],
-	});
-};
-</script>
-
-<style lang="scss" scoped></style>

package/src/views/test/test/components/hsTables/useAttrTable.ts

@@ -1,124 +0,0 @@
-import { ref, watch } from 'vue';
-import { ElMessage } from 'element-plus';
-import { IFormTable, ComponentAttr } from '/@/types';
-import hsAttrTable from './src/hsAttrTable.vue';
-import { filterItemConfig } from '../../default/baseTableConfig';
-import _ from 'lodash';
-import { Ref } from 'vue';
-interface TableRef {
-	getSubmitData: () => boolean;
-}
-export function useHsAttrTable(props: ComponentAttr.Props<typeof hsAttrTable>, baseTableRef: Ref<TableRef>) {
-	// 原始数据
-	let oldItem = ref(props.current);
-	// 当前项绑定数据
-	let tableItemConfig = ref(_.cloneDeep(props.current));
-	let fieldList = ref(_.cloneDeep(props.configList).map((item: IFormTable.TableItem) => item.data.field));
-	/**
-	 * 监听当前项
-	 */
-	watch(
-		() => props.current,
-		(value) => {
-			// 解决切换不同表单项不及时更新数据问题
-			if (value.id != tableItemConfig.value.id) {
-				oldItem.value = value;
-				tableItemConfig.value = _.cloneDeep(value);
-				// (IFormTable.TableItem)
-				fieldList.value = _.cloneDeep(props.configList).map((item: IFormTable.TableItem) => item.data.field);
-
-				console.log('props.configList', props.configList, 'fieldList.value', fieldList.value);
-			}
-		},
-		{ deep: true }
-	);
-
-	// 表单配置项
-	const parentConfig = ref({
-		labelWidth: 150,
-		span: 24,
-		style: 'padding:5px 10px',
-	});
-	// 控制表单项属性的展开关闭
-	const visible = ref(false);
-	// 基本配置属性实例
-	/**
-	 * 保存功能
-	 */
-	const saveData = async function () {
-		try {
-			// 校验表单项属性
-			let flag = await baseTableRef.value.getSubmitData();
-			if (!flag) return;
-			// 将默认值根据key值赋值给data中
-			let oldKey = oldItem.value.data.field; // 表单项【old】key值
-			let newKey = tableItemConfig.value.data.field; // 表单项【new】key值
-			// 去除旧数据
-			let tempFieldList = _.cloneDeep(fieldList.value); //.findIndex((item: String) => item != oldKey);
-			let idx = tempFieldList.findIndex((item: String) => item == oldKey);
-			tempFieldList.splice(idx, 1);
-			// 如果修改过key后，修改后的key不能tableConfig 中的field重复
-			if (_.includes(tempFieldList, newKey)) {
-				return ElMessage.warning(`列字段名重复，请修改`);
-			}
-			// 保存表单配置
-			oldItem.value = Object.assign(oldItem.value, _.cloneDeep(tableItemConfig.value));
-		} catch (err) {
-			console.log('er', err);
-		}
-	};
-
-	/**
-	 * 追加筛选配置
-	 */
-	const addFilterItem = () => {
-		tableItemConfig.value?.data.filters?.push({ label: '', value: '', checked: false, resetValue: '', data: '' });
-		let tempFilterConfig = _.cloneDeep(filterItemConfig.value);
-		// console.log(tableItemConfig.value?.filterConfig);
-
-		tempFilterConfig.title = tempFilterConfig.title + ((tableItemConfig.value?.filterConfig || []).length + 1);
-		tableItemConfig.value?.filterConfig?.push(tempFilterConfig);
-	};
-
-	// ======================================================================== 自动完成 start ================================================================
-	interface RestaurantItem {
-		value: string;
-		link: string;
-	}
-	interface LinkItem {
-		value: string;
-		link: string;
-	}
-	const links = ref<LinkItem[]>([
-		{ value: 'vue', link: 'https://github.com/vuejs/vue' },
-		{ value: 'element', link: 'https://github.com/ElemeFE/element' },
-		{ value: 'cooking', link: 'https://github.com/ElemeFE/cooking' },
-		{ value: 'mint-ui', link: 'https://github.com/ElemeFE/mint-ui' },
-		{ value: 'vuex', link: 'https://github.com/vuejs/vuex' },
-		{ value: 'vue-router', link: 'https://github.com/vuejs/vue-router' },
-		{ value: 'babel', link: 'https://github.com/babel/babel' },
-	]);
-	let timeout: ReturnType<typeof setTimeout>;
-	const createFilter = (queryString: string) => {
-		return (restaurant: LinkItem) => {
-			return restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0;
-		};
-	};
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	const querySearchAsync = (queryString: string, cb: (arg: any) => void) => {
-		const results = queryString ? links.value.filter(createFilter(queryString)) : links.value;
-
-		clearTimeout(timeout);
-		timeout = setTimeout(() => {
-			cb(results);
-		}, 3000 * Math.random());
-	};
-
-	const handleSelect = (item: RestaurantItem) => {
-		console.debug('handleSelect', item);
-		// tableItemConfig.value?.data
-	};
-	// ======================================================================== 自动完成 end ==================================================================
-
-	return { parentConfig, visible, tableItemConfig, querySearchAsync, handleSelect, addFilterItem, saveData };
-}

package/src/views/test/test/components/hsTables/useTableConfigList.ts

@@ -1,76 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import _ from 'lodash';
-import { ElMessageBox, ElMessage } from 'element-plus';
-import { IFormTable, ComponentAttr } from '/@/types';
-import { tableItemConfig, emptyTableItemData } from './../../default/baseTableConfig';
-import hsTableConfigList from './src/hsTableConfigList.vue';
-// import { Ref } from 'vue';
-export function useHsTableListConfig(
-	emit: (event: 'chose', ...args: any[]) => void,
-	prop: ComponentAttr.Props<typeof hsTableConfigList>,
-	tableModel: ComponentAttr.RecursivePartial<IFormTable.Table> = {
-		id: '',
-		baseData: { id: '' },
-		// tableData: [],
-		tableConfig: [],
-	}
-) {
-	/**
-	 * 选择配置项
-	 * @param item
-	 */
-	const choseTagItem = (item: IFormTable.TableItem) => {
-		// 获取操作项
-		let current = item.id == prop.current?.id ? _.cloneDeep(emptyTableItemData.value) : item;
-		emit('chose', current);
-	};
-
-	/**
-	 * 添加字段
-	 * @returns
-	 */
-	const appendField = () => {
-		// 用时间戳设置唯一id
-		let defaultItemConfig: IFormTable.TableItem = _.cloneDeep(tableItemConfig.value);
-		defaultItemConfig.id = new Date().getTime().toString();
-		// 校验字段名称是否重复
-		let labelIdx: number = tableModel.tableConfig!.findIndex((item) => item!.id == defaultItemConfig.id) || -1;
-		if (labelIdx > -1) return ElMessage.warning('字段名称重复');
-		// 追加字段配置项
-		tableModel.tableConfig!.push(defaultItemConfig);
-		// 获取新增的配置对象
-		let obj = tableModel.tableConfig![tableModel.tableConfig!.length - 1]; // || emptyTableItemData;
-		// 设置默认选中
-		choseTagItem(obj as IFormTable.TableItem);
-	};
-
-	/**
-	 * 删除配置
-	 * @param item
-	 */
-	const deleteTagItem = (item: IFormTable.TableItem) => {
-		ElMessageBox.confirm(`确定删除“${item['data'] && item['data']['title']}”字段吗？`, '提示', {
-			confirmButtonText: '确认',
-			cancelButtonText: '取消',
-			type: 'warning',
-		})
-			.then(() => {
-				// 获取被删除的配置所在id
-				_.remove(tableModel.tableConfig, item);
-				// 更新当前选中配置
-				choseTagItem(item);
-				// 给出操作成功提示
-				ElMessage.success('删除成功');
-			})
-			.catch((err) => {
-				console.log('err', err);
-			});
-	};
-
-	return {
-		choseTagItem,
-		appendField,
-		deleteTagItem,
-		// test
-	};
-}