hs-admin-ui 1.0.0 → 1.0.2

package/src/views/test/test/components/hsForm/src/hsFormPanel.vue

@@ -1,152 +0,0 @@
-<!-- 
-	desc: 配置表单面板
-	author: 吕玲
- -->
-<template>
-	<!-- flex flex-row -->
-	<div class="mx-auto flex flex-row h-full">
-		<!-- grid-cols-subgrid gap-5 -->
-		<div class="flex-1 grow overflow-y-auto">
-			<hsExpand v-model="formTitleConfig.code.visible" :expandConfig="formTitleConfig.code"></hsExpand>
-			<div v-if="formTitleConfig.code.visible">
-				{{ configModel }}
-			</div>
-			<hsFormParse :is="hsFormParse" v-model="configModel" />
-			<!-- 表单基础配置 -->
-			<component :is="hsExpand" v-model="formTitleConfig.baseForm.visible" :expandConfig="formTitleConfig.baseForm"></component>
-			<component :is="'bc-form-config'" v-if="formTitleConfig.baseForm.visible" :data="BaseFormModel" :config="parentBaseFormConfig" />
-			<!-- 基础配置 -->
-			<component :is="hsExpand" v-model="formTitleConfig.base.visible" :expandConfig="formTitleConfig.base"></component>
-			<component :is="'bc-form-config'" v-if="formTitleConfig.base.visible" :data="configModel?.base" :config="parentBaseConfig" />
-			<!-- 表单配置项 -->
-			<template v-if="configModel?.form">
-				<!-- 表单配置项 类型 -->
-				<el-radio-group v-model="configModel.formItemType">
-					<el-radio label="form">启用表单配置项</el-radio>
-					<el-radio label="component">启用组件</el-radio>
-					<el-radio label="slot">启用插槽</el-radio>
-				</el-radio-group>
-				<component
-					:is="hsExpand"
-					v-if="configModel.formItemType == 'form'"
-					v-model="formTitleConfig.form.visible"
-					:expandConfig="formTitleConfig.form"
-				></component>
-				<component
-					:is="'bc-form-config'"
-					v-if="formTitleConfig.form.visible && configModel.formItemType == 'form'"
-					:data="configModel.form.baseData"
-					:config="parentFormConfig"
-				/>
-				<!-- 启用组件 -->
-				<component
-					:is="hsExpand"
-					v-if="configModel.formItemType == 'component'"
-					v-model="formTitleConfig.component.visible"
-					:expandConfig="formTitleConfig.component"
-				></component>
-				<component
-					:is="'bc-form-config'"
-					v-if="formTitleConfig.component.visible && configModel.formItemType == 'component'"
-					:data="configModel.component?.baseData"
-					:config="parentComponentConfig"
-				/>
-				<!-- 启用插槽 -->
-				<component
-					:is="hsExpand"
-					v-if="configModel.formItemType == 'slot'"
-					v-model="formTitleConfig.slot.visible"
-					:expandConfig="formTitleConfig.slot"
-				></component>
-				<component
-					:is="'bc-form-config'"
-					v-if="formTitleConfig.slot.visible && configModel.formItemType == 'slot'"
-					:data="configModel.slot?.baseData"
-					:config="parentSlotConfig"
-				/>
-
-				<component
-					:is="hsExpand"
-					v-if="configModel.formItemType == 'form'"
-					v-model="formTitleConfig.formItem.visible"
-					:expandConfig="formTitleConfig.formItem"
-				></component>
-				<component
-					:is="hsFormConfigList"
-					v-if="formTitleConfig.formItem.visible && configModel.formItemType == 'form'"
-					v-model="configModel"
-					:current="currentItem"
-					@chose="onChoseItem"
-				/>
-				<!-- =={{ configModel?.form?.formData }} -->
-			</template>
-		</div>
-		<!-- grid-cols-subgrid gap-4 -->
-		<div
-			v-if="
-				(configModel?.form?.formConfig || []).length > 0 && (currentItem?.baseConfig?.list || []).length > 0 && configModel?.formItemType == 'form'
-			"
-			class="flex-none basis-1/4 ml-4"
-		>
-			<component :is="hsAttrForm" :current="currentItem" :data="configModel?.form?.formData" />
-		</div>
-	</div>
-</template>
-<script setup lang="ts" name="formPanel">
-import { defineModel, watch, ref } from 'vue';
-import hsFormParse from './hsFormParse.vue'; // 一键解析
-import hsFormConfigList from './hsFormConfigList.vue'; // 表单元素配置项集合
-import hsAttrForm from './hsAttrForm.vue'; // 元素配置配置详情
-import {
-	parentFormConfig,
-	emptyFormItemData,
-	formTitleConfig,
-	parentComponentConfig,
-	parentSlotConfig,
-	parentBaseConfig,
-	parentBaseFormConfig,
-} from '../../../default/baseFormConfig'; // 表单配置方法
-import IFormTable from '/@/types/formTable';
-
-import hsExpand from '../../hsExpand/src/hsExpand.vue';
-import { useVModel } from '/@/hooks/useExpose';
-
-import _ from 'lodash';
-const props = defineProps({
-	BaseForm: {
-		type: Object,
-		default: () => {},
-	},
-});
-
-const configModel = defineModel<IFormTable.FormConfig>();
-// emit 事件
-const emit = defineEmits(['update:BaseForm']);
-const BaseFormModel = useVModel(props, 'BaseForm', emit);
-
-// 当前选中项配置
-let currentItem = _.cloneDeep(emptyFormItemData);
-let oldId = ref<String>('');
-watch(
-	() => configModel.value,
-	(value) => {
-		console.log('value===>>>', value);
-		if (oldId.value != value?.config_unique_id) {
-			currentItem.value = _.cloneDeep(emptyFormItemData);
-			oldId.value = value?.config_unique_id || '';
-		}
-	},
-	{
-		immediate: true,
-	}
-);
-/**
- * 选择某配置回调
- */
-const onChoseItem = (item: IFormTable.ConfigItemType) => {
-	currentItem.value = item;
-};
-const formItemType = ref('form');
-</script>
-
-<style lang="scss" scoped></style>

package/src/views/test/test/components/hsForm/src/hsFormParse.vue

@@ -1,33 +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="parseForm" type="primary">一键解析</hs-button>
-	</div>
-</template>
-
-<script setup lang="ts">
-import { ref, defineModel } from 'vue';
-import _ from 'lodash';
-import { parentFormData } from '../../../default/baseFormConfig'; // 表单配置方法
-
-let parseApi = ref('');
-let configModel = defineModel();
-/**
- * 解析表单配置
- */
-const parseForm = () => {
-	configModel.value = _.assign(configModel.value, {
-		form: {
-			baseData: _.cloneDeep(parentFormData.value),
-			formData: {},
-			formConfig: [],
-		},
-	});
-};
-</script>
-
-<style lang="scss" scoped></style>

package/src/views/test/test/components/hsForm/useAttrForm.ts

@@ -1,109 +0,0 @@
-import { ref, Ref, watch } from 'vue';
-import ComponentAttr from '/@/types/components';
-import hsAttrForm from './src/hsAttrForm.vue';
-import { ElMessage } from 'element-plus';
-import { compConfig, formItemChildConfig } from './../../default/baseFormConfig';
-
-interface BaseConfigRef {
-	getSubmitData: () => boolean;
-}
-import _ from 'lodash';
-export function useHsAttrForm(props: ComponentAttr.Props<typeof hsAttrForm>, baseConfigRef: any) {
-	console.log('baseConfigRef===>>>>', baseConfigRef);
-	// 原始数据
-	let oldItem = ref(props.current);
-	// 当前项绑定数据
-	let formItemConfig = ref(_.cloneDeep(props.current));
-	let formData = ref(props.data);
-	/**
-	 * 监听当前项
-	 */
-	watch(
-		() => props.current,
-		(value) => {
-			// 解决切换不同表单项不及时更新数据问题
-			if (value.id != formItemConfig.value.id) {
-				// console.log('value.id=====>>>>>>>', value.id, formItemConfig.value.id);
-				value.elConfig.visible = false;
-				oldItem.value = value;
-				formItemConfig.value = _.cloneDeep(value);
-				formData.value = props.data;
-			}
-		},
-		{ deep: true }
-	);
-
-	// 表单配置项
-	const parentConfig = ref({
-		labelWidth: 150,
-		span: 24,
-		style: 'padding:5px 10px',
-	});
-	// 控制表单项属性的展开关闭
-	const visible = ref(false);
-	// 基本配置属性实例
-	/**
-	 * 保存功能
-	 */
-	const saveData = async function (index: number) {
-		try {
-			// 校验表单项属性
-			let flag = await baseConfigRef.value[index].getSubmitData();
-			if (!flag) return;
-			// 将默认值根据key值赋值给data中
-			// let oldKey = oldItem.value.data.baseData.prop; // 表单项【old】key值
-			// let newKey = formItemConfig.value.data.baseData.prop; // 表单项【new】key值
-			// let value = formItemConfig.value.data.elData?.attrs?.defaultValue || ''; // 表单项【new】value值
-			// // 如果修改过key后，修改后的key不能formData中的key重复
-			// if (_.has(formData.value, newKey) && newKey != oldKey) {
-			// 	return ElMessage.warning(`查询参数重复，请修改`);
-			// }
-			// // 如果修改了表单中字段的key值
-			// if (_.has(formData.value, oldKey) && oldKey != newKey) {
-			// 	delete formData.value[oldKey]; // 删除原来的key值
-			// }
-			// // 更新formData数据
-			// formData.value = Object.assign(formData.value, {
-			// 	[newKey]: value,
-			// });
-			// // 保存表单配置
-			oldItem.value = Object.assign(oldItem.value, _.cloneDeep(formItemConfig.value));
-			// formData.value = Object.assign(formData.value, _.cloneDeep(formItemConfig.value.data.elementItem));
-			// console.log('oldItem.value====>>>>>>>>>>>>', oldItem.value);
-		} catch (err) {
-			console.log('er', err);
-		}
-	};
-	let elComName = ref<string[]>([]);
-	/**
-	 * 组件类型切换回调方法
-	 * @param value
-	 * @param prop
-	 */
-	const onChange = function (value: string | number, prop: string, index: number) {
-		console.log('value', value, prop, formItemConfig.value.data, index);
-		if (prop != 'el') return;
-		// 关闭元素项属性
-		formItemConfig.value.elConfig.visible = false;
-		// 清空元素项数据
-		formItemConfig.value.data.elementItem[index].elData = {};
-		// 组件名称赋值
-		let typeName: string = formItemConfig.value.data.baseData.el || value + '';
-		elComName.value[index] = compConfig[typeName];
-		// 展开元素项属性
-		formItemConfig.value.elConfig.visible = true;
-	};
-	const handleTabsEdit = (targetName: string, action: string) => {
-		console.log('targetName', targetName, action);
-		if (action === 'add') {
-			// 添加元素项
-			formItemConfig.value.data.elementItem.push(_.cloneDeep(formItemChildConfig));
-		}
-		if (action === 'remove') {
-			// 删除元素项
-			formItemConfig.value.data.elementItem.splice(targetName, 1);
-			elComName.value.splice(+targetName, 1);
-		}
-	};
-	return { parentConfig, visible, formItemConfig, elComName, onChange, saveData, handleTabsEdit };
-}

package/src/views/test/test/components/hsForm/useFormListConfig.ts

@@ -1,70 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import IFormTable from '/@/types/formTable';
-import { Ref } from 'vue';
-import ComponentAttr from '/@/types/components';
-import { ElMessageBox, ElMessage } from 'element-plus';
-import { formItemConfig, emptyFormItemData } from '../../default/baseFormConfig'; // 表单配置方法
-import hsFormConfigList from './src/hsFormConfigList.vue';
-import _ from 'lodash';
-
-export function useHsFormListConfig(
-	emit: (event: 'chose', ...args: any[]) => void,
-	prop: ComponentAttr.Props<typeof hsFormConfigList>,
-	configModel: Ref<IFormTable.FormTable | undefined>
-) {
-	/**
-	 * 选择配置项
-	 * @param item
-	 */
-	const choseTagItem = (item: IFormTable.ConfigItemType) => {
-		// 获取操作项
-		let current = item.id == prop.current?.id ? _.cloneDeep(emptyFormItemData.value) : item;
-		emit('chose', current);
-	};
-
-	/**
-	 * 添加字段
-	 * @returns
-	 */
-	const appendField = () => {
-		// 用时间戳设置唯一id
-		let defaultItemConfig: IFormTable.ConfigItemType = _.cloneDeep(formItemConfig.value);
-		defaultItemConfig.id = new Date().getTime().toString();
-		// 追加字段配置项
-		configModel.value?.form?.formConfig.push(defaultItemConfig);
-		// 获取新增的配置对象
-		let obj = configModel.value?.form?.formConfig[configModel.value?.form.formConfig.length - 1] || _.cloneDeep(emptyFormItemData.value);
-		// 设置默认选中
-		choseTagItem(obj);
-	};
-
-	/**
-	 * 删除配置
-	 * @param item
-	 */
-	const deleteTagItem = (item: IFormTable.ConfigItemType) => {
-		ElMessageBox.confirm(`确定删除“${item['data'] && item['data']['baseData']['label']}”字段吗？`, '提示', {
-			confirmButtonText: '确认',
-			cancelButtonText: '取消',
-			type: 'warning',
-		})
-			.then(() => {
-				// 获取被删除的配置所在id
-				_.remove(configModel.value?.form?.formConfig || [], item);
-				// 更新当前选中配置
-				choseTagItem(item);
-				// 给出操作成功提示
-				ElMessage.success('删除成功');
-			})
-			.catch((err) => {
-				console.log('err', err);
-			});
-	};
-
-	return {
-		// configList,
-		choseTagItem,
-		appendField,
-		deleteTagItem,
-	};
-}

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

@@ -1,66 +0,0 @@
-import _ from 'lodash';
-// ============================= 新配置 start ==============================
-// 表单绑定值
-let formData = {
-	config_name: '',
-	config_unique_id: '', // new Date().getTime().toString(),
-};
-// 表单校验规则
-const formRule = {
-	config_name: [{ required: true, message: '请输入配置名称' }],
-	config_unique_id: [{ required: true, message: '请输入配置标识' }],
-};
-// 表单配置项
-const formConfig = [
-	{
-		prop: 'config_name',
-		label: '配置名称',
-		el: 'hs-input',
-		required: true,
-	},
-	{
-		prop: 'config_unique_id',
-		label: '配置标识',
-		el: 'hs-input',
-		show: false,
-		required: true,
-	},
-];
-const newConfig = {
-	formData,
-	formRule,
-	formConfig,
-};
-// ============================= 新配置 end ==============================
-// ============================= 选择配置 start ==============================
-// 表单绑定值
-let selectFormData = {
-	name: '',
-	config_name: '',
-	config_unique_id: '', // new Date().getTime().toString(),
-};
-// 表单配置项
-const selectFormConfig = [
-	{
-		prop: 'name',
-		label: '配置',
-		el: 'hs-select',
-		cel: 'hs-option',
-		multiple: false,
-		clearable: false,
-		op: [
-			// { label: ' 配置1', value: 'left' },
-			// { label: '配置2', value: 'right' },
-			// { label: '配置3', value: 'top' },
-		],
-	},
-];
-
-const selectConfig = {
-	formData: selectFormData,
-	formRule: formRule,
-	formConfig: _.concat(selectFormConfig, formConfig),
-};
-// ============================= 选择配置 end ==============================
-
-export { newConfig, selectConfig };

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/formTable';
-
-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,122 +0,0 @@
-import { Ref, ref } from 'vue';
-import _ from 'lodash';
-import ComponentAttr from '/@/types/components';
-import IFormTable from '/@/types/formTable';
-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/formTable';
-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>