gy-ui-plus 1.0.6 → 1.0.8

package/packages/gy-table/src/singleEditCell.vue

@@ -1,337 +0,0 @@
-<template>
-	<component
-		:is="isShowRules ? 'el-form-item' : 'div'"
-		:prop="prop"
-		:rules="configEdit.rules"
-		:class="[
-			configEdit.className,
-			{ single_edit_cell_rules: configEdit.rules },
-			'single_edit_cell',
-		]"
-		v-bind="$attrs"
-	>
-		<!-- 编辑组件自定义插槽 -->
-		<template v-if="configEdit.editSlotName">
-			<div :class="[prop, 'slot_edit_name']" @keyup="keyUpHandle">
-				<slot :name="configEdit.editSlotName" :scope="scope" />
-			</div>
-		</template>
-		<template v-if="configEdit.isSelfCom">
-			<component
-				v-if="configEdit.editComponent === 't-select-table'"
-				:ref="(el:any) => handleRef(el,configEdit)"
-				:is="configEdit.editComponent"
-				:placeholder="
-					configEdit.placeholder || getPlaceholder(configEdit)
-				"
-				v-bind="
-					typeof configEdit.bind == 'function'
-						? configEdit.bind(scope)
-						: {
-								clearable: true,
-								filterable: true,
-								...configEdit.bind,
-						  }
-				"
-				:style="{ width: configEdit.width || '100%' }"
-				v-on="cEvent(configEdit, 't-select-table')"
-			/>
-			<component
-				v-else
-				:is="configEdit.editComponent"
-				v-model="childValue"
-				:placeholder="
-					configEdit.placeholder || getPlaceholder(configEdit)
-				"
-				:ref="(el: any) => getRefs(el, configEdit)"
-				v-bind="
-					typeof configEdit.bind == 'function'
-						? configEdit.bind(scope)
-						: {
-								clearable: true,
-								filterable: true,
-								...configEdit.bind,
-						  }
-				"
-				@change="handleEvent(configEdit.event)"
-				:style="{ width: configEdit.width || '100%' }"
-				v-on="cEvent(configEdit)"
-			/>
-		</template>
-		<component
-			v-if="!configEdit.editSlotName && !configEdit.isSelfCom"
-			:is="configEdit.editComponent || 'el-input'"
-			v-model="childValue"
-			:type="configEdit.type"
-			:placeholder="configEdit.placeholder || getPlaceholder(configEdit)"
-			:ref="(el: any) => getRefs(el, configEdit)"
-			:class="prop"
-			@change="handleEvent(configEdit.event)"
-			@keyup="keyUpHandle"
-			:style="{ width: configEdit.width || '100%' }"
-			v-on="cEvent(configEdit)"
-			v-bind="
-				typeof configEdit.bind == 'function'
-					? configEdit.bind(scope)
-					: { clearable: true, filterable: true, ...configEdit.bind }
-			"
-		>
-			<!-- 前置文本 -->
-			<template #prepend v-if="configEdit.prepend">{{
-				configEdit.prepend
-			}}</template>
-			<!-- 后置文本 -->
-			<template #append v-if="configEdit.append">{{
-				configEdit.append
-			}}</template>
-			<!-- 子组件自定义插槽 -->
-			<!-- <template v-if="configEdit.childSlotName">
-        <slot />
-      </template>-->
-			<template v-if="!configEdit.editComponent.includes('date')">
-				<component
-					:is="compChildName(configEdit)"
-					v-for="(value, key) in selectListType(configEdit)"
-					:key="key"
-					:disabled="value.disabled"
-					:label="compChildLabel(configEdit, value)"
-					:value="compChildValue(configEdit, value, key)"
-					>{{ compChildShowLabel(configEdit, value) }}</component
-				>
-			</template>
-		</component>
-	</component>
-</template>
-
-<script setup lang="ts">
-import { computed, ref, watch } from "vue";
-defineOptions({
-	name: "SingleEditCell",
-});
-const props = defineProps({
-	/** 编辑配置项说明
-	 * label: '爱好', // placeholder显示
-	 * editComponent: 'el-select', // 组件
-	 * type: 'select-arr', // option显示
-	 * list: 'hobbyList', // 下拉选择数据源
-	 * arrLabel: 'label', // 下拉选择中文显示
-	 * arrKey: 'value' // 下拉选择number显示（最终传后台）
-	 * bind:{} // 组件衍生属性（即第三方组件属性）
-	 */
-	configEdit: {
-		type: Object as any,
-		default: () => ({}),
-	},
-	// 下拉选择数据源
-	listTypeInfo: {
-		type: Object,
-		default: () => ({}),
-	},
-	scope: {
-		type: Object,
-		default: () => ({}),
-	},
-	prop: {
-		type: String,
-		default: "prop",
-	},
-	// 是否走表单验证（表头合并不校验）
-	isShowRules: {
-		type: Boolean,
-		default: true,
-	},
-	modelValue: {
-		type: [String, Number, Array, Boolean, Date, Object],
-	},
-	// 列for index
-	indexColumns: [String, Number],
-});
-// 抛出事件
-const emits = defineEmits([
-	"handleEvent",
-	"update:modelValue",
-	"keyupHandle",
-	"getRefs",
-]);
-// vue3 v-model简写
-let childValue: any = computed({
-	get() {
-		return props?.modelValue;
-	},
-	set(val) {
-		emits("update:modelValue", val);
-	},
-});
-watch(
-	() => props.modelValue,
-	(data) => {
-		childValue.value = data;
-	}
-);
-// 绑定的相关事件
-const handleEvent = (type: string) => {
-	setTimeout(() => {
-		// console.log("组件", type, childValue.value)
-		emits("handleEvent", { type, val: childValue.value });
-	}, 0);
-};
-// 键盘事件
-const keyUpHandle = ($event: any) => {
-	emits("keyupHandle", $event, props.scope.$index, props.prop);
-};
-// 引用第三方事件
-const cEvent: any = computed(() => {
-	return ({ eventHandle }: any, type = "") => {
-		let event = { ...eventHandle };
-		let changeEvent = {} as any;
-		Object.keys(event).forEach((v) => {
-			changeEvent[v] = (e: any, ids: any) => {
-				if (type === "t-select-table") {
-					const argument = {
-						row: e,
-						ids: ids,
-						prop: props.prop,
-						scope: props.scope,
-					};
-					event[v] && event[v](argument);
-				} else {
-					if ((typeof e === "number" && e === 0) || e) {
-						event[v] &&
-							event[v]({
-								val: e,
-								prop: props.prop,
-								scope: props.scope,
-							});
-					} else {
-						event[v] &&
-							event[v]({ prop: props.prop, scope: props.scope });
-					}
-				}
-			};
-		});
-		return { ...changeEvent };
-	};
-});
-
-const selectListType = computed(() => {
-	return (item: { list: string | number }) => {
-		if (props.listTypeInfo) {
-			return props.listTypeInfo[item.list];
-		} else {
-			return [];
-		}
-	};
-});
-// 子组件名称
-const compChildName = computed(() => {
-	return (configEdit: { type: any }) => {
-		switch (configEdit.type) {
-			case "checkbox":
-				return "el-checkbox";
-			case "radio":
-				return "el-radio";
-			case "select-arr":
-			case "select-obj":
-				return "el-option";
-		}
-	};
-});
-// 子子组件label
-const compChildLabel = computed(() => {
-	return (
-		configEdit: { type: any; arrLabel: any },
-		value: { [x: string]: any; value: any }
-	) => {
-		switch (configEdit.type) {
-			case "radio":
-			case "checkbox":
-				return value[configEdit.arrLabel || "label"];
-			case "el-select-multiple":
-			case "select-arr":
-				return value[configEdit.arrLabel || "label"];
-			case "select-obj":
-				return value;
-		}
-	};
-});
-// 子子组件value
-const compChildValue = computed(() => {
-	return (
-		configEdit: { type: any; arrKey: any },
-		value: { [x: string]: any; value: any },
-		key: any
-	) => {
-		switch (configEdit.type) {
-			case "radio":
-			case "checkbox":
-				return value[configEdit.arrKey || "key"];
-			case "el-select-multiple":
-			case "select-arr":
-				return value[configEdit.arrKey || "key"];
-			case "select-obj":
-				return key;
-		}
-	};
-});
-// 子子组件文字展示
-const compChildShowLabel = computed(() => {
-	return (
-		configEdit: { type: any; arrLabel: any },
-		value: { [x: string]: any; label: any }
-	) => {
-		switch (configEdit.type) {
-			case "radio":
-			case "checkbox":
-				return value[configEdit.arrLabel || "label"];
-			case "el-select-multiple":
-			case "select-arr":
-				return value[configEdit.arrLabel || "label"];
-			case "select-obj":
-				return value;
-		}
-	};
-});
-// 获取所有ref
-const getRefs = (el: any, item: any) => {
-	emits("getRefs", el, item);
-};
-// 下拉选择表格组件 ref
-const tselecttableref: any = ref({});
-// 下拉选择表格组件 动态ref
-const handleRef = (el: any, item: any) => {
-	emits("getRefs", el, item);
-	if (el) {
-		tselecttableref.value[`tselecttableref-${props.indexColumns}`] = el;
-	}
-};
-// 重置下拉表格
-const resetTselectTableFields = () => {
-	// 获取所有下拉选择表格组件
-	const refList = Object.keys(tselecttableref.value).filter((item) =>
-		item.includes("tselecttableref")
-	);
-	if (refList.length > 0 && tselecttableref.value) {
-		refList.map((val) => {
-			tselecttableref.value[val].clear();
-		});
-	}
-};
-// placeholder的显示
-const getPlaceholder = (row: any) => {
-	if (!row.editComponent || typeof row.editComponent !== "string") {
-		return row.label;
-	}
-	const componentType = row.editComponent.toLowerCase();
-	if (componentType.includes("input")) {
-		return "请输入";
-	} else if (
-		componentType.includes("select") ||
-		componentType.includes("date")
-	) {
-		return "请选择";
-	}
-	return row.label;
-};
-
-defineExpose({ resetTselectTableFields });
-</script>

package/packages/gy-table/src/tableProps.ts

@@ -1,174 +0,0 @@
-import type { PropType, ExtractPropTypes } from "vue";
-
-export const tableProps = {
-	// table所需数据
-	table: {
-		type: Object,
-		default: () => {
-			return {};
-		},
-		required: false,
-	},
-	paginationData: {
-		type: Object,
-		default: () => {
-			return {
-				total: 0,
-				pageNo: 1,
-				pageSize: 10,
-			};
-		},
-	},
-	tableData: {
-		type: Array,
-		default: () => {
-			return [];
-		},
-		required: true,
-	},
-	// 表头数据
-	columns: {
-		type: Array,
-		default: () => {
-			return [];
-		},
-		// required: true
-	},
-	isDisabledForm: {
-		type: Boolean,
-		default: false,
-	},
-	// 按钮权限数据集
-	btnPermissions: {
-		type: Array,
-		default: () => {
-			return [];
-		},
-	},
-	// 表格标题
-	title: {
-		type: String,
-	},
-	tableTitle: String,
-	// table对齐方式
-	align: {
-		type: String as PropType<"left" | "center" | "right">,
-		default: "center",
-	},
-	// 是否开启Tree-table
-	isTree: {
-		type: Boolean,
-		default: false,
-	},
-	// 是否开启行拖拽
-	isRowSort: {
-		type: Boolean,
-		default: false,
-	},
-	// 开启行拖拽，第一列是否显示拖拽图标
-	isRowSortIcon: {
-		type: Boolean,
-		default: false,
-	},
-	// 显示拖拽列的配置
-	rowSortIconBind: {
-		type: Object,
-		default: () => {
-			return {};
-		},
-	},
-	// 是否复制单元格
-	isCopy: {
-		type: Boolean,
-		default: false,
-	},
-	// 是否开启点击整行选中单选框
-	rowClickRadio: {
-		type: Boolean,
-		default: true,
-	},
-	// 设置默认选中项（单选）defaultRadioCol值必须大于0！
-	defaultRadioCol: Number,
-	// 序列号显示是否分页累加
-	isPaginationCumulative: {
-		type: Boolean,
-		default: false,
-	},
-	// 是否显示分页
-	isShowPagination: {
-		type: Boolean,
-		default: true,
-	},
-	// 是否开启编辑保存按钮
-	isShowFooterBtn: {
-		type: Boolean,
-		default: false,
-	},
-	// 是否显示设置（隐藏/显示列）
-	columnSetting: {
-		type: Boolean,
-		default: false,
-	},
-	// 是否高亮选中行
-	highlightCurrentRow: {
-		type: Boolean,
-		default: false,
-	},
-	// 如果设置为 'custom'，则代表用户希望远程排序，需要监听 Table 的 sort-change 事件
-	sortable: {
-		type: [Boolean, String],
-		default: true,
-	},
-	// 单元格编辑是否开启键盘事件
-	isKeyup: {
-		type: Boolean,
-		default: false,
-	},
-	// TAdaptivePage组件是否使用了Toolbar插槽
-	isSlotToolbar: Boolean,
-	// TAdaptivePage组件是否使用了title插槽
-	isSlotTitle: Boolean,
-	// 是否开启边框
-	border: {
-		type: Boolean,
-		default: true,
-	},
-	// table loading
-	tableLoading: {
-		type: Boolean,
-		default: false,
-	},
-	loadingTxt: {
-		type: String,
-		default: "加载中...",
-	},
-	// 是否开启虚拟列表
-	useVirtual: Boolean,
-	// 虚拟列表的渲染行数
-	virtualShowSize: {
-		type: Number,
-		default: 30,
-	},
-	footerBtnAlign: {
-		type: String,
-		default: "right",
-	},
-	/**
-	 * 空数据时表头是否显示校验红点
-	 */
-	isEmptyDataRequired: {
-		type: Boolean,
-		default: false,
-	},
-	saveBtnTxt: {
-		type: String,
-		default: "保存",
-	},
-	/** 表格最大高度 */
-	maxHeight: {
-		type: String,
-		default: "100%",
-	},
-};
-
-export type TTableProps = ExtractPropTypes<typeof tableProps>;