hs-admin-ui 1.0.0 → 1.0.2

package/src/views/test/test/formConfig.vue

@@ -1,102 +0,0 @@
-<template>
-	<div class="flex flex-col h-full">
-		<div class="flex-1 system-user-container" style="height: 300px">
-			<hs-tabs ref="tabsRef" v-model="tabsActiveName" class="h-full tabs" type="border-card" addable @edit="handleTabsEdit">
-				<hs-tab-pane
-					class="tab-pane"
-					v-for="(item, index) in panelConfig['forms']"
-					:key="index"
-					:closable="index > 0"
-					:label="item.base?.label || '表单配置名称'"
-					:name="item.id"
-				>
-					<component :is="hsFormPanel" v-model="panelConfig['forms'][index]" v-model:BaseForm="panelConfig.BaseForm" />
-				</hs-tab-pane>
-			</hs-tabs>
-		</div>
-		<component :configs="configs" ref="saveFormRef" :is="saveForm" @change="changeConfig" @save="saveFormTableConfig"></component>
-	</div>
-</template>
-
-<script setup lang="ts" name="test">
-import { ref } from 'vue';
-import hsFormPanel from './components/hsForm/src/hsFormPanel.vue';
-// import hsTablePanel from './components/hsTable/src/hsTablePanel.vue';
-import IFormTable from '/@/types/formTable';
-import hsTablePanels from './components/hsTables/src/hsTablePanel.vue';
-import hsBtnPanel from './components/hsBtn/src/hsBtnPanel.vue';
-import saveForm from './components/hsSaveForm/src/saveForm.vue';
-import { useHsFormTable } from './useFormConfig';
-
-let panelConfig = ref<IFormTable.FormConfig>({
-	config_unique_id: '', // 配置唯一标识
-	config_name: '', // 配置名称
-	BaseForm: {
-		labelWidth: '100', // 表单域标签的宽度
-		labelPosition: 'left', // 表单域标签的位置
-		size: 'small', // 表单内组件的尺寸
-		labelSuffix: '', // 表单域标签的后缀
-		requireAsteriskPosition: 'left', // 必填字段标签位置
-		statusIcon: false, // 是否在输入框中显示校验结果反馈图标
-		validateOnRuleChange: true, // 是否在规则改变的时候立即触发校验
-		scrollToError: false, // 是否在输入的时候滚动到错误的地方
-	},
-	forms: [
-		{
-			id: 'form_1',
-			base: { label: '表单配置名称', fieldID: '', grid: 3 },
-			form: {
-				baseData: { rowGap: 0, columnGap: 0 },
-				formConfig: [],
-				formData: [],
-			},
-			component: {
-				baseData: {},
-			},
-			slot: {
-				baseData: {},
-			},
-			formItemType: 'form',
-		},
-	],
-});
-let tabsActiveName = ref('form_1');
-// 页面所在的所有配置
-let configs = ref<Array<IFormTable.FormTable>>([]);
-let saveFormRef = ref();
-/**
- * 初始化数据
- * @param configs
- */
-const initData = (configList: Array<IFormTable.FormTable>) => {
-	console.log('configList', configList);
-	configs.value = configList;
-	if (saveFormRef.value) {
-		saveFormRef.value.initConfig(configList);
-	}
-};
-
-// 将方法暴露
-defineExpose({ initData });
-const { handleTabsEdit, saveFormTableConfig, changeConfig, config } = useHsFormTable(panelConfig, tabsActiveName);
-</script>
-
-<style scoped lang="scss">
-.system-user-container {
-	:deep(.el-card__body) {
-		height: 100% !important;
-	}
-
-	:deep(.el-tabs__content) {
-		height: calc(100% - 39px);
-	}
-}
-.tabs {
-	:deep(.el-tabs__new-tab) {
-		margin: 10px 10px 10px 0px;
-	}
-}
-.tab-pane {
-	height: 100% !important;
-}
-</style>

package/src/views/test/test/test.vue

@@ -1,28 +0,0 @@
-<template>
-	<div class="system-user-container layout-padding">
-		<el-card shadow="hover" class="layout-padding-auto">
-			<!-- <div class="h-full overflow-y-auto">
-				<select-config :data="selectConfigData"></select-config>
-			</div> -->
-			<hs-form-config class="h-full"></hs-form-config>
-		</el-card>
-	</div>
-</template>
-
-<script setup lang="ts" name="testTest">
-// import selectConfig from './components/selectConfig/selectConfig.vue';
-import hsFormConfig from './formConfig.vue';
-import { ref } from 'vue';
-// const selectConfigData = ref({});
-</script>
-
-<style scoped lang="scss">
-.system-user-container {
-	:deep(.el-card__body) {
-		display: flex;
-		flex-direction: column;
-		flex: 1;
-		overflow: auto;
-	}
-}
-</style>

package/src/views/test/test/test3.vue

@@ -1,24 +0,0 @@
-<template>
-	<div class="system-menu-container layout-padding">
-		<div class="h-full bg-white">
-			<bc-form :data="formData">
-				<template #relevantLicenses>自定义插槽显示信息</template>
-			</bc-form>
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts" name="testTest3">
-import { ref, onMounted } from 'vue';
-import IFormData from '/@/types/form';
-import { getFormData } from '/@parseTable';
-import data from './data.json';
-
-const formData = ref(<IFormData.Form>{});
-
-// 页面加载时
-onMounted(async () => {
-	formData.value = getFormData(data);
-});
-</script>
-<style scoped lang="scss"></style>

package/src/views/test/test/test4.vue

@@ -1,107 +0,0 @@
-<!-- eslint-disable @typescript-eslint/no-explicit-any -->
-<template>
-	<!-- <hs-button @click="serializedFunc('a(x,y) { return x*y}', { x: 10, y: 20 })">测试反序列化</hs-button> -->
-</template>
-<script setup lang="ts" name="test4">
-// import { ref, getCurrentInstance } from 'vue';
-// // import { getDocApi } from '/@/hooks/useGetApis';
-// // ======================================================================== 按钮 start ===================================================================
-// // const buttonRef = ref(null);
-// const instance = getCurrentInstance();
-
-// // eslint-disable-next-line @typescript-eslint/no-explicit-any
-// const test = (attrs: any) => {
-// 	console.debug('这是第三层 继承 第一层、第二层:', (attrs.lvling = '测试'));
-// };
-// // const buttonRef2 = ref(null);
-// // ======================================================================== 按钮 end =====================================================================
-// // ======================================================================== 输入框 start =================================================================
-// const inputRef = ref(null);
-// const inputRef2 = ref(null);
-// const select = ref('1');
-// const testValue = ref('');
-// const testValue3 = ref('');
-// const handleBlur = (num: Number, num1: Number, num2: Number) => {
-// 	console.debug('instance:', select.value);
-// 	console.debug('handleBlur失焦事件', num, num1, num2);
-// };
-// const handleFocus = (num: Number, num1: Number, num2: Number) => {
-// 	console.debug('handleFocus聚焦事件', num, num1, num2);
-// };
-// const handleChange = (num: Number, num1: Number, num2: Number) => {
-// 	console.debug('handleChange值改变事件', num, num1, num2);
-// };
-// const handleInput = () => {
-// 	console.debug('handleInput输入事件');
-// };
-// const handleClear = () => {
-// 	console.debug('handleClear清空事件');
-// };
-// const inputEnter = () => {
-// 	console.debug('inputEnter回车事件');
-// };
-// // ======================================================================== 输入框 end ===================================================================
-
-// // ======================================================================== 下拉框 start ================================================================
-// const selectValue = ref('1');
-// const elSelectRef = ref();
-// const hsSelectRef = ref();
-// // const options = [
-// // 	{
-// // 		value: '1',
-// // 		label: '黄金糕',
-// // 	},
-// // 	{
-// // 		value: '2',
-// // 		label: '双皮奶',
-// // 	},
-// // 	{
-// // 		value: '3',
-// // 		label: '蚵仔煎',
-// // 	},
-// // 	{
-// // 		value: '4',
-// // 		label: '龙须面',
-// // 	},
-// // 	{
-// // 		value: '5',
-// // 		label: '北京烤鸭',
-// // 	},
-// // ];
-// // ======================================================================== 下拉框 end ==================================================================
-// const click = (num: Number, num2: Number) => {
-// 	console.debug('elSelectRef', num);
-// 	console.debug('hsSelectRef', num2);
-// };
-// const evilFn = (fn: string) => {
-// 	// let Fn = Function; // 一个变量指向Function，防止有些前端编译工具报错
-// 	console.debug('~~~~~~~fn:', fn);
-// 	return eval(fn);
-// };
-// const serializedFunc = (fn: string, parent?: string | number | boolean | Array<T> | object) => {
-// 	// 获取实例方法
-// 	// console.debug('refStr:', instance);
-// 	let _fn = 'function ' + fn;
-// 	// console.debug('获取实例方法 fn', _fn);
-// 	// evilFn(_fn)(...parent, instance?.proxy.$data);
-// };
-// const onPostMan = () => {
-// 	postMan
-// 		.getApiDocs()
-// 		.then((res) => {
-// 			console.debug('获取接口信息:', res);
-// 		})
-// 		.catch();
-// };
-</script>
-
-<style scoped lang="scss">
-.system-user-container {
-	:deep(.el-card__body) {
-		display: flex;
-		flex-direction: column;
-		flex: 1;
-		overflow: auto;
-	}
-}
-</style>