@fangzhongya/fang-ui 0.0.20 → 0.0.22

package/dist/components/table-list/src/table-list.ts

@@ -1,220 +0,0 @@
-import { setHide, setObjStyle, setClass } from '../../../utils/index';
-import TableColor from '../../tables/common/table-color.vue';
-import TableList from '../../tables/common/table-list.vue';
-import { h, type VNode } from 'vue';
-import type { ObjAny } from '../../../types/index';
-
-let props: ObjAny;
-let thlabel: string;
-let setCss: Function;
-/**
- * @param  {Boolean | Function} hide 是否隐藏
- * @param {Number} column 合并行数
- * @param {Boolean} whole 是否占整行
- */
-
-function getLists(arrs?: any[]) {
-	let arr = [],
-		trs: VNode[] = [],
-		lin = 0;
-	arrs?.forEach((obj, index) => {
-		if (setHide(obj, props.value)) {
-			let is = false;
-			if (obj.title) {
-				lin = props.column;
-				is = true;
-			} else if (obj.whole) {
-				lin = props.column;
-				is = true;
-			} else {
-				let k = (obj.column || 1) + lin;
-				if (k > props.column) {
-					lin = obj.column || 1;
-					is = true;
-				} else {
-					lin = k;
-					is = false;
-				}
-			}
-			if (is) {
-				arr.push(h('tr', {}, trs));
-				trs = [];
-			}
-			trs.push(...getTd(obj, index));
-			if (lin >= props.column) {
-				arr.push(h('tr', {}, trs));
-				trs = [];
-				lin = 0;
-			}
-		}
-	});
-	if (trs.length > 0) {
-		if (props.fill) {
-			if (trs.length < props.column * 2) {
-				arr.push(h('tr', {}, getFill(trs)));
-			} else {
-				arr.push(h('tr', {}, trs));
-			}
-		} else {
-			arr.push(h('tr', {}, trs));
-		}
-	}
-	return arr;
-}
-
-function getFill(trs: VNode[]) {
-	let lz = trs.length / 2;
-	if (props.fill && typeof props.fill == 'boolean') {
-		let as = [
-			h(
-				thlabel,
-				{
-					style: setStyles('th', {}),
-					class: setClasss('th', {}),
-				},
-				[h('span')],
-			),
-			h(
-				'td',
-				{
-					style: setStyles('td', {}),
-					class: setClasss('td', {}),
-				},
-				[h('span')],
-			),
-		];
-		for (let i = 0; i < Number(props.column) - lz; i++) {
-			trs.push(...as);
-		}
-		return trs;
-	} else if (typeof props.fill == 'string') {
-		let td = trs[trs.length - 1];
-		// @ts-ignore
-		td.props.colspan = (props.column - lz) * 2 + 1;
-		return trs;
-	}
-}
-
-function setStyles(type: string, obj: ObjAny) {
-	let width = obj[type + 'Width'] || props[type]?.width;
-	if (obj.style) {
-		return setObjStyle(obj.style, {
-			width: width,
-		});
-	} else {
-		return {
-			width: width,
-		};
-	}
-}
-
-function setClasss(type: string, obj: ObjAny) {
-	let cs = obj[type + 'Class'] || props[type]?.class;
-	if (obj.class) {
-		return setClass(obj.class, cs, type);
-	} else {
-		return setClass(cs, type);
-	}
-}
-
-function getTd(obj: ObjAny, index: number) {
-	let m = obj.label;
-	if (m && props.th?.padEnd) {
-		m += props.th?.padEnd;
-	}
-	const th = h(
-		thlabel,
-		{
-			style: setStyles('th', obj),
-			class: setClasss('th', obj),
-		},
-		[h('span', [m])],
-	);
-	const td = h(
-		'td',
-		{
-			style: setStyles('td', obj),
-			class: setClasss('td', obj),
-			colspan: setColspan(obj),
-		},
-		[h('span', [setType(obj, index)])],
-	);
-	if (obj.title) {
-		// @ts-ignore
-		th.props.colspan = setColspan(obj);
-		// @ts-ignore
-		th.props.class += ' ' + setCss('th-title');
-		return [th];
-	} else {
-		return [th, td];
-	}
-}
-function setColspan(obj: ObjAny) {
-	if (obj.title) {
-		return (props.column - 1) * 2 + 2;
-	} else if (obj.whole) {
-		return (props.column - 1) * 2 + 1;
-	} else if (obj.column) {
-		return (obj.column - 1) * 2 + 1;
-	} else {
-		return '';
-	}
-}
-// 设置值
-function setType(obj: ObjAny, index: number) {
-	if (obj.compon) {
-		if (obj.compon == 'color') {
-			h(TableColor, {
-				class: obj.config?.class,
-				style: obj.config?.style,
-				list: obj,
-				scope: {
-					row: props.value,
-					column: obj,
-					$index: index,
-				},
-			});
-		} else if (obj.compon == 'list') {
-			h(TableList, {
-				class: obj.config?.class,
-				style: obj.config?.style,
-				list: obj,
-				scope: {
-					row: props.value,
-					column: obj,
-					$index: index,
-				},
-			});
-		}
-	} else {
-		return setValeu(obj, index);
-	}
-}
-function setValeu(obj: ObjAny, _index: number) {
-	if (obj.formatter) {
-		return obj.formatter(props.value, obj, props.value[obj.prop]);
-	} else if (obj.render) {
-		return obj.render(props.value, h, props.value[obj.prop]);
-	} else if (obj.prop) {
-		if (props.value) {
-			return props.value[obj.prop];
-		} else {
-			return '';
-		}
-	} else {
-		return obj.text;
-	}
-}
-export function render(p: ObjAny, cs: ObjAny) {
-	props = p.value;
-	thlabel = props.th?.label || 'th';
-	setCss = cs.z;
-	return h(
-		'table',
-		{
-			class: [setCss(), props.class],
-			style: props.style,
-		},
-		h('tbody', {}, getLists(props.list)),
-	);
-}